一： 使用路由
引入組件
配置路由
創(chuàng)建路由實例
創(chuàng)建Vue實例盒蟆，掛載路由
二： 兩個標簽
（1） <router-view />
路由出口
路由匹配到的組件將渲染在這里
（2）<route-link to/>
使用 router-link 組件來導航.接奈，通過傳入 to 屬性指定鏈接 ，<router-link> 默認會被渲染成一個 <a> 標簽
三： 兩個屬性
this.$router 全局路由對象兼蜈，用來跳轉(zhuǎn)
this.$route 當前頁面路由信息
四：路由操作Api
路由跳轉(zhuǎn)
（1） 通過路徑跳轉(zhuǎn)
this.$router.push({path:'/message', query:{x:1,y:2}}) （query傳參顯示）
（2）通過路由name跳轉(zhuǎn)
this.$router.push({name:'Shopping', params:{a:3,b:4}}); （params傳參隱藏）
路由回退 back() 回到上一頁
路由前進 forward() 去往下一頁
路由替換并不加入歷史記錄 replace()
路由任意跳轉(zhuǎn) go(index)攘残，去到相對當前頁面的index頁面
五：嵌套路由
聲明在路由的children屬性里，并在組件中添加router-view標簽
命名路由
配置路由的時候增加name屬性为狸，可以通過push({name, params})的方式跳轉(zhuǎn)
動態(tài)匹配路由
型如：/index/:id?,通過this.$route.params.id獲取歼郭，?表示id參數(shù)可傳可不傳
六： 路由懶加載
