2025年路由守卫执行顺序(路由守卫执行顺序怎么设置)

路由守卫执行顺序(路由守卫执行顺序怎么设置)nbsp 页面加载之前 页面加载之后 nbsp 也就是我们直接设置 vueRouter nbsp 2 nbsp nbsp 路由自己的守卫 nbsp 3 nbsp 页面内的守卫 和 vue 钩子函数属于同一级 nbsp beforeRouteE 这个特殊注意 因为它执行的时候是没有 this 的 因为那会 vue 实例还没有被创建 但是它又一个可以替代 this 的东西 nbsp 那么 vueRouter 它具体是哪个先后呢 1 显示触发跳转 有了现在在什么地方



页面加载之前,页面加载之后

  也就是我们直接设置vueRouter

2 路由自己的守卫

3 页面内的守卫

和vue 钩子函数属于同一级 beforeRouteEnter 这个特殊注意 , 因为它执行的时候是没有this的, 因为那会vue实例还没有被创建, 但是它又一个可以替代this的东西


那么vueRouter 它具体是哪个先后呢

1 显示触发跳转 , 有了现在在什么地方,要去到什么地方

2 然后触发现在所在router的离开事件

3 调用全局也就是1类守卫的beforeEach守卫

4 调用将要去的ruoter里的beforeRuteUpdate方法(原地跳转会触发)

5 然后进入2类路由守卫的beforeEnter中

6 这时候进行加载router对应的组件页面

7 加载完成后调用组件的beforeRouteEnter

8 然后调用全局的beforeResolve守卫

9 然后就是路由确认跳转 ,调用全局beforeResolve守卫

10 调用全局的afterEach

11 触发更新DOM

12 调用组件内的beforeRouteEnter

总结执行顺序常用的

beforeRouteLeave -> 1类守卫的beforeEach守卫 -> 2类守卫 -> 组件beforeRouteEnter , 其它的可以选择使用, 这几个算比较有用的吧

特殊注意 2类路由守卫

redirect: '/partindex',
这种情况下不触发 , 因为不涉及进入
编程小号
上一篇 2024-12-03 11:46
下一篇 2025-01-29 18:06

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ri-ji/13382.html