vue-router路由解析过程(笔记)

315 阅读1分钟

在vue-router中,一般将生命周期的钩子函数称为路由守卫,以下所有提到的守卫均为路由生命周期的钩子函数。


导航被触发。
在失活的组件里调用离开守卫。
调用全局的 beforeEach 守卫。
在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
在路由配置里调用 beforeEnter
解析异步路由组件。
在被激活的组件里调用 beforeRouteEnter,该守卫是唯一能向next传递回调的守卫,且无法获得当前组件实例。
调用全局的beforeResolve 守卫 (2.5+)。
导航被确认。
调用全局的 afterEach钩子。
触发 DOM 更新。
用创建好的实例调用 beforeRouteEnter 守卫中传给 next的回调函数。