Vue-router执行流程分析
2019-04-21 本文已影响0人
finlu
Vue-router完整的导航解析流程:
- 导航被触发
- 在失活的组件里调用离开守卫
- 调用全局的beforeEach守卫
- 在重用的组件里调用
- beforeRouterUpdate守卫
- 在路由配置里调用beforEnter守卫
- 解析异步路由组件
- 在被激活的组件里调用beforeRouterEnter守卫
- 调用全局的BeforeRouterResolve守卫
- 导航被确认
- 调用全局的afterEach守卫
- 触发DOM更新
- 用创建好的实例调用beforeRouterEnter守卫中传给next的回调函数