vue路由守卫触发顺序
2024-08-31 21:39:05
不同组件之间的路由跳转流程图
- 导航被触发(A–>B)
- 调用A组件内路由守卫beforeRouteLeave(to,from,next)
- 调用全局路由前置守卫router.beforeEach(to,from,next)
- 调用B路由独享守卫 beforeEnter(to,from.next)
- 解析异步路由组件B
- 调用B的组件内路由守卫beforeRouteEnter(to,from,next)
- 调用全局路由解析守卫 router.beforeResolve(to,from,next)
- 导航被确认
- 调用全局路由钩子router.afterEach(to,from)
- 渲染B组件DOM
复用组件的路由跳转流程图
- 触发全局路由钩子afterEach
- 更新DOM
- 导航被触发(改变动态路由参数)
- 调用全局路由前置守卫 router.beforeEach(to,from,next)
- 调用复用组件的组件内路由守卫 beforeRouteUpdate(to,from,next)
- 调用全局路由解析守卫router.beforeResolve(to,from,next)
- 导航被确认
- 调用全局路由钩子 router,afterEach(to,from)
- 更新DOM
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
最新文章
- rabbitMQ学习(二)
- ClassCastException 导致程序一运行就强制退出
- PowerShell实现文件下载(类wget)
- 《Hadoop基础教程》之初识Hadoop
- C#_加密解密
- HW7.15
- 关于BP算法在DNN中本质问题的几点随笔 [原创 by 白明] 微信号matthew-bai
- linux系统使用密钥登录设置
- R-大数据分析挖掘(4-R爬虫实现)
- SpringMVC项目学习1_web.xml
- Ehcache专栏
- ubuntu下百度云安装
- html、js简单实现含中文csv文件下载(后端为django)
- Effective Java目录
- 阿里云消息队列(MQ)服务
- vs 编译库文件 Qt编译库文件
- angular4-常用指令
- python监控端口脚本[jkport1.0.py]
- Zookeeper---系统学习
- Mysql的用户基本操作
热门文章
- Go 指针声明后赋值,出现 panic: runtime error: invalid memory address or nil pointer dereference
- python--nolocal
- el-mement表单校验-校验失败时自动聚焦到失败的input框
- 转载 筛子算法之golang实现求素数解析
- LC 656. Coin Path 【lock, Hard】
- js window事件解析(转载)
- flutter searchDelegate搜索页
- 使用 certbot 自动给 nginx 加上 https
- Pyqt5-QtWidget的使用
- document.documentElement 和 document.body