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) 当离开组件的时候调用