vue-router完整的導航解析流程

完整的導航解析流程

1 導航被觸發。
2 在失活的組件裏調用 beforeRouteLeave 守衛。
3 調用全局的 beforeEach 守衛。
4 在重用的組件裏調用 beforeRouteUpdate 守衛(2.2+)。
5 在路由配置裏調用 beforeEnter。
6 解析異步路由組件。
7 在被激活的組件裏調用 beforeRouteEnter。
8 調用全局的 beforeResolve 守衛(2.5+)。
9 導航被確認。
10 調用全局的 afterEach 鉤子。
11 觸發 DOM 更新。
12 調用 beforeRouteEnter 守衛中傳給 next 的回調函數，創建好的組件實例會作爲回調函數的參數傳入。