路由钩子函数分为三种:
1:全局钩子: beforeEach、 afterEach、beforeResolve
2:单个路由里面的钩子: beforeEnter
3:组件路由:beforeRouteEnter、 beforeRouteUpdate、 beforeRouteLeave
路由所对应组件勾子
beforeRouteEnter:进入前,在beforeCreate之前执行,不能使用this
beforeRouteEnter((to,from,next)=>{
next((vm)=>{
vm:当前组件的实例对象
})
})
beforeRouteUpdate:更新前,路由更新了,路由所对应组件不变时执行
注意:它是更新前,如果获取当前路由,它是更新前的路由信息,如果要
获取更新后的使用this.$nextTick(()=>{获取更新后的})
beforeRouteLeave:路由离开前
路由配制所对应勾子
beforeEnter:读取路由配制时执行
执行先后
beforeEach===>beforeEnter===>beforeRouteEnter===>beforeResolve===>afterEach
更新时执行先后
beforeEach===>beforeRoute