前置守卫guard
从from跳转至to的时候调用
`router.beforeEach((to,from,next)=>{next()}
在这里可以加上判断,用户登录了才执行next()函数,否则可以next('/')回到首页
后置钩子hook
跳转完成后调用的函数
·router.afterEach((to,from)=>{}
这两个称为全局守卫
以上为全局守卫
还有路由独享守卫
组件内的守卫![](https://img2020.cnblogs.com/blog/1943889/202108/1943889-20210808090345880-2135650121.png)
keep-alive 可以让组件不会被频繁的销毁创建。
activated() 组件处于活跃的时候调用
deactivated() 当组件处于不活跃的时候调用
上面两个函数只有在使用keep-alive才有效。
beforeRouteLeave(to,from,next) 当离开组件的时候调用