6.路由

38 阅读1分钟

一、缓存路由组件

image.png

缓存多个

image.png

二、两个新的生命周期钩子

路由组件独有的两个钩子,用于捕获路由组件的激活状态

activated(){
//路由组件被激活时触发
}

deactivated(){
//路由组件失活时触发
}

image.png

三、路由守卫

路由守卫可搭配使用

1.全局前置路由守卫

初始化的时候被调用、每一次路由切换前调用

image.png

应用:登录权限验证

image.png

优化的方案:

image.png

image.png

2.全局后置路由守卫

初始化的时候被调用、每一次路由切换之后被调用

image.png

应用:切换页面标题

image.png

image.png

3.独享路由守卫

只有前置没有后置

image.png

4.组件内路由守卫

image.png

image.png

四、路由的两种模式

history模式和hash模式

image.png