Vue Router 导航守卫---导航解析流程

  1. 导航被触发;

  2. 在失活的组件中调用beforeRouterLeave;

  3. 调用全局前置beforeEacth守卫;

  4. 在重用的组件中调用beforeRouterUpdate;

  5. 在路由配置中调用beforeEnter守卫;

  6. 解析异步路由组件;

  7. 在激活的组件中调用beforeRouterEnter守卫;

  8. 调用全局解析beforeResolve守卫;

  9. 确认导航;

  10. 调用全局后置afterEach钩子;

  11. 使DOM更新;

  12. 调用beforeRouterLeave传给next的回调函数,把创建的组件实例作为回调函数的参数传入;

猜你喜欢

转载自blog.csdn.net/weixin_48352984/article/details/126631949