Vue（6）- Vue-router進階、單頁面應用（SPA）帶來的問題

1、Vue-router進階

　　回顧學過的vue-router，並參考官方文檔學習嵌套路由等路由相關知識。

2、單頁面應用（SPA）帶來的問題

　　一、雖然單頁面應用有優勢，可是，若是後端不作服務器渲染（https://ssr.vuejs.org/），基於vue實現的單頁面應用是不能爬取到數據的，並且對SEO（搜索引擎優化）不友好。

　　可經過審查元素的Sources來查看vue實現的網站是否作了服務器渲染。

　　下圖是vue官網的效果，可見作了服務器渲染：

 

 

 

 

 

 

 

 

　　下圖是路飛學城官網的效果，可見並無作服務器渲染：

 

 

 

 

 

 

 

 

對於單頁面應用，爲了SEO（搜索引擎優化），或者爲了爬蟲，就須要作服務器渲染，可是vue不支持django作服務器渲染，由於與vue不共用一套代碼（全家桶vue+vue-router+vuex），而node.js是在JavaScript基礎上封裝的一套後端代碼，因此node.js中能寫js，即vue和node.js是能夠共用一套代碼，能夠搭建一個node.js服務器，來作服務器渲染。

3、其餘

一、模塊化開發中的平行組件傳值

　　在main.js中建立bus實例，掛載到原型，以下：

let bus = new Vue(); Vue.prototype.$bus = bus;

二、each和foreach

　　$.each()是jquery的方法，能夠循環數組和對象；

　　forEach()是javascript數組的一個方法；