一、什麼是路由
URL -> 對映 -> 元件
Hash+onhashchange
History.pushstate+replaceState+onpopstate
二、準備工作
元件
router-link: 導航，最終預設情況生成a標籤
router-view:元件容器，佔位符(插座), 相當於之前.container的div
物件
routes: 路由表, 配置url與元件間的關係集合
router: 路由物件， 儲存路由相關資訊，並可以操作路由切換
三、使用vue-router 開發SPA 基本步驟
第1步：安裝vue-router
第2步：匯入路由模組
第3步：配置路由表
第4步：建立路由物件
第5步：注入路由物件
第6步：導航(靜態與動態)
第7步：新增路由插座(router-view)
四、使用路由實現元件間資料傳遞
1.查詢字串
2.路由引數
五、路由巢狀
六、路由守衛
1 什麼是守衛
路由切換時，控制組件載入前或離開後的行為, 如：元件訪問前的許可權，統計元件停留的時間(前、後),
2 守衛型別
觸發時機：前守衛與後守衛
作用域：
全域性守衛: 控制任何路由切換
獨立守衛：控制針對特定路由切換
元件守衛：專門控制特定元件
七、路由懶載入
