Vue-router执行流程分析

Vue-router完整的导航解析流程:

  1. 导航被触发
  2. 在失活的组件里调用离开守卫
  3. 调用全局的beforeEach守卫
  4. 在重用的组件里调用
  5. beforeRouterUpdate守卫
  6. 在路由配置里调用beforEnter守卫
  7. 解析异步路由组件
  8. 在被激活的组件里调用beforeRouterEnter守卫
  9. 调用全局的BeforeRouterResolve守卫
  10. 导航被确认
  11. 调用全局的afterEach守卫
  12. 触发DOM更新
  13. 用创建好的实例调用beforeRouterEnter守卫中传给next的回调函数

你可能感兴趣的:(Vue-router执行流程分析)