导航守卫的基本使用

导航守卫

监听从哪里跳到哪里

//设置网页的title,除下面代码还需要在对应组件中设置meta属性
router.beforeEach((to,from,next)=>{
//从from跳转到to
document.title=to.matched[0].meta.title;
next();
})

keep-alive

保持活跃状态，避免组件重复被创建和销毁。

另外提到了周期函数created（），destroyed（）

还有只有用到keep-alive才有效的actived（）和deactived（）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jGh2SKyU-1626487689956)(C:\Users\小机灵鬼\AppData\Roaming\Typora\typora-user-images\image-20201119165223117.png)]

//排除某一个或者多个组件
<keep-alive exclude="Profile,User">
<router-view></router-view>
</keep-alive>