系列文章目录：
[Vue]目录
老师的课件笔记，不含视频 https://www.aliyundrive.com/s/B8sDe5u56BU笔记在线版： https://note.youdao.com/s/5vP46EPC
视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通
路由守卫能够对路由进行权限控制，即在路由进行改变时，可以判断当前能否访问路由对应的组件。
路由守卫分为：全局守卫、独享守卫、组件内守卫。
全局前置路由守卫会在初始化时被触发，在每次进行路由的切换前也会被触发。
实现如果localStorage中存在school的值为SGG则可以对News组件和Message组件进行访问，如果school的值不为SGG则不能进行访问。其他组件可以不用判断直接放行。
router/index.js
在配置路由时，可以传入meta配置项，在meta配置项中可以写我们自己的数据，可以用于判断当前路由是否需要进行权限的判断。
全局后置路由守卫会在初始化时被触发，在每次进行路由的切换后也会被触发。
访问相关组件之后，实现页面标题根据当前不同组件进行切换。
独享路由守卫写在每个路由对应的配置中，即独享路由守卫是每个路由所独享的，独享路由守卫与全局前置路由守卫类似。
注意：独享路由守卫与全局路由守卫不一样，独享路由守卫不分前置和后置。
注释全局前置路由守卫
组件内路由守卫写在组件内，组件路由守卫有：
1.：通过路由规则，进入该组件时被调用
2.：通过路由规则，离开该组件时被调用
注释全局前置路由守卫与全局后置路由守卫
- 作用：对路由进行权限控制
- 分类：全局守卫、独享守卫、组件内守卫
- 全局守卫:
- 独享守卫:
- 组件内守卫：
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/49184.html