1.如果在創建項目中,沒有自動安裝vue router,那就自行安裝。cnpm install vue-router --save
vue-router兩種模式 hash模式和history模式。

默認vue-router時hash模式,關於這兩種模式的區別,請參考此鏈接。
2.前端路由的設定,當訪問根節點的時候,顯示HelloWorld的vue,因為直接component 注冊了HelloWorld。同理。
3.當路由設定OK后,父級的Vue頁面第一級<div></div>,里面必須有<router-view></router-view>

4.還有一種方式直接鏈接link到其他路由。

5.路由帶參數方式:

apple.vue接收color參數,

6.路由嵌套 children標簽,
路由嵌套,必須上一級目錄也必須有router view標簽,所以在detail.vue內部也必須有<router-view/>

7.路由重定向

8.<keep-alive>經常跟 <router-view></router-view>一起搭配

<keep-alive> 包裹動態組件時,會緩存不活動的組件實例,而不是銷毀它們。和 <transition> 相似,<keep-alive> 是一個抽象組件:它自身不會渲染一個 DOM 元素,也不會出現在父組件鏈中。
