Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,讓構(gòu)建單頁面應(yīng)用變得易如反掌。包含的功能有:
- 嵌套的路由/視圖表
- 模塊化的截酷、基于組件的路由配置
- 路由參數(shù)、查詢乾戏、通配符
- 基于 Vue.js 過渡系統(tǒng)的視圖過渡效果
- 細(xì)粒度的導(dǎo)航控制
- 帶有自動激活的 CSS class 的鏈接
- HTML5 歷史模式或 hash 模式迂苛,在 IE9 中自動降級
- 自定義的滾動條行為
完整的導(dǎo)航解析流程
- 導(dǎo)航被觸發(fā)三热。
- 在失活的組件里調(diào)用離開守衛(wèi)。
- 調(diào)用全局的
beforeEach
守衛(wèi)三幻。 - 在重用的組件里調(diào)用
beforeRouteUpdate
守衛(wèi) (2.2+)就漾。 - 在路由配置里調(diào)用
beforeEnter
。 - 解析異步路由組件念搬。
- 在被激活的組件里調(diào)用
beforeRouteEnter
抑堡。 - 調(diào)用全局的
beforeResolve
守衛(wèi) (2.5+)。 - 導(dǎo)航被確認(rèn)朗徊。
- 調(diào)用全局的
afterEach
鉤子首妖。 - 觸發(fā) DOM 更新。
- 用創(chuàng)建好的實例調(diào)用
beforeRouteEnter
守衛(wèi)中傳給next
的回調(diào)函數(shù)爷恳。