vue路由守卫执行顺序
时间: 2023-08-09 10:07:19 浏览: 125
vue路由守卫及路由守卫无限循环问题详析
回答: 在Vue中,路由守卫的执行顺序如下:
1. 全局前置守卫(beforeEach)
2. 全局解析守卫(beforeResolve)
3. 全局后置钩子(afterEach)
4. 路由独享的守卫(beforeEnter)
5. 组件内的守卫(beforeRouteEnter, beforeRouteUpdate, beforeRouteLeave)
具体来说,全局前置守卫(beforeEach)在路由跳转之前执行,可以用于进行登录拦截等操作。全局解析守卫(beforeResolve)在路由解析之前执行,可以用于处理异步路由组件的加载。全局后置钩子(afterEach)在路由跳转之后执行,可以用于进行一些清理操作。
路由独享的守卫(beforeEnter)是针对某个路由规则生效的守卫,只在该路由被激活时执行。
组件内的守卫(beforeRouteEnter, beforeRouteUpdate, beforeRouteLeave)是在组件内部定义的守卫,用于处理组件的路由相关逻辑。
总结起来,路由守卫的执行顺序是全局前置守卫 -> 全局解析守卫 -> 全局后置钩子 -> 路由独享的守卫 -> 组件内的守卫。
#### 引用[.reference_title]
- *1* *3* [vue中的7个路由守卫](https://blog.csdn.net/weixin_59804331/article/details/127986979)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue路由守卫](https://blog.csdn.net/Senora/article/details/126502337)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文