【九月打卡】第十八天 + Vue面试考点

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

1. 路由守卫拦截

2. 独享路由守卫
   

课程收获：

路由守卫的拦截

• 当条件判断正确的时候（school 为 shandong），才能看到 News 和 Message 的信息。

• 利用全局守卫来授权。

独享路由守卫

• 只对当前路由进行权限控制。

• 只对 News 这一个路由组件进行权限控制。

• 独享守卫可以与全局守卫一起使用。

• 进入守卫：通过路由规则，进入该组件时被调用。

• 离开守卫：通过路由规则，离开该组件时被调用。

• 给每个路由配置 meta。

• 给路由的标题命名：meta: {title: 'xxx'}。

• 开启查看权限：meta: {isAuth: true, title: 'xxx'}

课程学习截图：