1.vue router
1.下載安裝 npm install vue-router
2.創(chuàng)建路由表
a.在router.js文件中引入需要的vue讥蟆，vue router
b.在實(shí)例化中使用vue router
c.創(chuàng)建路由實(shí)例磷斧，明確路徑和對(duì)應(yīng)組件的關(guān)系對(duì)應(yīng)的關(guān)系
路由實(shí)例
d.拋出路由實(shí)例（export default router）
3.在main.js中注冊(cè)路由
注冊(cè)路由
4.在App.vue中使用router的組件
<router-link>&<router-view>
link后的to表示跳轉(zhuǎn)路由
App.vue
5.最后效果，點(diǎn)擊記賬，標(biāo)簽皂甘，統(tǒng)計(jì)绳匀，會(huì)跳轉(zhuǎn)到相應(yīng)的目的路由
6.404頁(yè)面
在我們做項(xiàng)目的時(shí)候台腥，還要考慮輸入路徑出錯(cuò)的情況
路由表添加一項(xiàng)
在view里面補(bǔ)充一個(gè)404的視圖
實(shí)際效果如下圖所示
7.補(bǔ)充投放，路由傳參
1.傳遞參數(shù)：this.$router.push({name=“”，params:{list:'123' } })
接受參數(shù)：this.$route.params.list
2.傳遞參數(shù)：this.$router.push({name=“”适贸，query:{list:'123' } })
接受參數(shù)：this.$route.query.list
