vu e路由守卫生命周期执行顺序
时间: 2023-10-26 22:47:58 浏览: 101
VUE3 八股文一:描述Vu3生命周期
Vue 路由守卫的生命周期执行顺序如下:
1. 全局前置守卫 beforeEach
2. 路由独享的守卫 beforeEnter
3. 组件内的守卫 beforeRouteEnter
4. 解析异步路由组件
5. 在被激活的组件中调用 beforeRouteUpdate
6. 调用全局解析守卫 beforeResolve
7. 导航被确认
8. 调用全局后置守卫 afterEach
9. 触发 DOM 更新
10. 用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。
需要注意的是,如果某个守卫使用了 `next` 函数并传入了一个参数,那么会跳过剩下的守卫直接执行回调函数。同时,如果导航被取消或重定向,那么守卫的执行顺序也会有所不同。
阅读全文