导航守卫之组件内守卫及后置钩子

一、路由守卫

1、只有点击路由Admin时才会打印消息,并处于点击前的页面

导航守卫之组件内守卫及后置钩子

2、只有点击路由Admin时才会打印消息,显示的是点击后的页面;但如果是next(false)则页面不会跳转导航守卫之组件内守卫及后置钩子

3、路由独享守卫

把全局守卫放在组件内,从而守卫只对路由admin生效。对其他路由显示点击即显示页面。导航守卫之组件内守卫及后置钩子

二、后置钩子

导航守卫之组件内守卫及后置钩子

三、组件内的守卫

1、错误示范

导航守卫之组件内守卫及后置钩子

导航守卫之组件内守卫及后置钩子

错误原因:在执行beforeRouteEnter的时候,页面尚未渲染。也就是说data执行之前,beforeRouteEnter已经执行了

2、正确示范

导航守卫之组件内守卫及后置钩子