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

路由守卫执行顺序(路由守卫执行顺序怎么设置)页面加载之前 页面加载之后 也就是我们直接设置 vueRouter 2 路由自己的守卫 3 页面内的守卫 和 vue 钩子函数属于同一级 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’,
这种情况下不触发 , 因为不涉及进入

小讯
上一篇 2025-04-30 19:28
下一篇 2025-06-15 13:02

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/145359.html