vue的路由守卫

1.全局守卫(写在router.js中)

全局守卫：每一个路由都会触发的钩子函数

• 1.1.router.beforeEach---当路由进入之前，被调用

• router.beforeEach( (to, from, next)=>{ next() })

• 1.2.router.beforeResolve---当路由被解析之前，被调用

• router.beforeResolve( (to, from, next)=>{ next() })

• 1.3.router.afterEach---当路由进入之后，被调用

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

 

2.局部守卫(写在组件的生命周期中)

• 2.1.beforeRouteEnter---组件进入，被调用

• beforeRouteEnter(to, from, next){ next() }

• 2.2.beforeRouteUpdate---浏览器地址栏中参数变化时，被调用     使用场景:刷新页面

• beforeRouteUpdate(to, from, next){ next() }

• 2.3.beforeRouteLeave---组件离开，跳转到另一个路由时，被调用

• beforeRouteLeave(to, from, next){ next() }