vue路由守卫

标签：vue js 守卫 调用 router main 路由

路由守卫有三种：
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)

 

 

标签：vue,js,守卫,调用,router,main,路由
From： https://www.cnblogs.com/daniller/p/16844586.html