路由守卫有三种:
1:全局钩子: beforeEach、 afterEach
2:独享守卫(单个路由里面的钩子): beforeEnter、 beforeLeave
3:组件内守卫:beforeRouteEnter、 beforeRouteUpdate、 beforeRouteLeave
router.beforeEach() 进入之前触发 router.afterEach() 进入之后触发
每个守卫方法接收三个参数: ①to: Route: 即将要进入的目标路由对象(to是一个对象,是将要进入的路由对象,可以用to.path调用路由对象中的属性) ②from: Route: 当前导航正要离开的路由 ③next: Function: 这是一个必须需要调用的方法,执行效果依赖 next 方法的调用参数。 (路由守卫写在main.js文件,或者写在router文件夹下的index.js文件,本示例写在main.js)
![](/i/l/?n=22&i=blog/1278509/202210/1278509-20221031154400428-699980915.png)
标签:vue,js,守卫,调用,router,main,路由 From: https://www.cnblogs.com/daniller/p/16844586.html