当前位置:网站首页 > 技术经理的晋升之路 > 正文

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



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

  也就是我们直接设置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-07-13 23:00:10
  • 产品经理必须知道的基础知识(产品经理必懂的技术知识)2025-07-13 23:00:10
  • 开始中的多级列表在哪里(开始段落多级列表)2025-07-13 23:00:10
  • 路由守卫的作用和意义是什么(路由守卫的作用和意义是什么呢)2025-07-13 23:00:10
  • 读取pcap文件中的csi(scapy读取pcap)2025-07-13 23:00:10
  • 反激电路工作原理(反激电路工作原理是什么)2025-07-13 23:00:10
  • 路由守卫有哪些(路由守卫有哪几种)2025-07-13 23:00:10
  • 怎么改变数组的值(改变数组中的值)2025-07-13 23:00:10
  • python怎么编写函数(python编写函数输出1~100中的偶数之和)2025-07-13 23:00:10
  • 51单片机时钟电路程序(51单片机时钟电路图和程序)2025-07-13 23:00:10
  • 全屏图片