脚本宝典收集整理的这篇文章主要介绍了vue 服务器渲染，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

vue 服务器渲染
作用：

1. 可以加快首屏渲染速度。
2. 有利于搜索引擎的seo。

原理：

自己的粗浅理解：

1. node端和浏览器端都能运行js。当打开浏览器， 输入项目地址，首先访问node服务器，node服务器渲染 出来返回到浏览器的 只有htML文档 和相应的js、css注入，还有node端从api服务器端获取的数据， 一般放在全局的变量里。列window.vueStore = api服务器数据。然后在浏览器端， 当vue 根实例第一次初始化的时候，把数据注入到全局状态管理 vuex里。作为浏览器端相应路由里的数据，给路由级组件 提供 相应的数据状态，然后渲染出相应的虚拟dom, 同时复用node端 返回的已生成的dom节点。因为例如户端渲染的虚拟dom == node端渲染返回的的dom节点。此后浏览器端行为 与node端几乎不再相关。
2. 做到两端对路由响应的统一，两端 需要 对同一个路由 响应同样的函数， 如尤大官网上 asyncData,你也可以指定 其他的函数。node端当进入路由 就会解析 配备当前路由的路由组件，然后 把他们（asyncData） 都 找出来， 放在Promise.all 里面，等拉去api 服务器端的数据获取完后， 放入全局状态管理 vuex里面。浏览器端 一种实现就是路由hook 里 beforeResolve 里面 完成类似 node端获取数据的方式， 第二种是在路由组件里的 beforemounted 里面去触发路由组件的this.$options.asyncData.

   详细介绍（尤大官方文档）
   开发移动端项目 提供自己改良的nuxt
   nuxt官方文档

脚本宝典总结

以上是脚本宝典为你收集整理的vue 服务器渲染全部内容，希望文章能够帮你解决vue 服务器渲染所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。