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官方文檔