vue中的全局守卫和导航守卫 前置守卫guard 后置钩子hook 这两个称为全局守卫 还有路由独享守卫 组件内的守卫 keep-alive 可以让组件不会被频繁的销毁创建。 上面两个函数只有在使用keep-alive才有效。

vue中的全局守卫和导航守卫
前置守卫guard
后置钩子hook
这两个称为全局守卫
还有路由独享守卫
组件内的守卫
keep-alive  可以让组件不会被频繁的销毁创建。
上面两个函数只有在使用keep-alive才有效。

从from跳转至to的时候调用

`router.beforeEach((to,from,next)=>{next()}
在这里可以加上判断,用户登录了才执行next()函数,否则可以next('/')回到首页

后置钩子hook

跳转完成后调用的函数

·router.afterEach((to,from)=>{}

这两个称为全局守卫

以上为全局守卫

还有路由独享守卫

keep-alive 可以让组件不会被频繁的销毁创建。

activated() 组件处于活跃的时候调用
deactivated() 当组件处于不活跃的时候调用

上面两个函数只有在使用keep-alive才有效。

beforeRouteLeave(to,from,next) 当离开组件的时候调用