vueRoutev4中多个router.beforeEach执行顺序
时间: 2023-07-18 10:19:28 浏览: 437
在Vue Router v4中,多个`router.beforeEach`的执行顺序是按照注册的顺序从前往后依次执行的。
举个例子,假如你有两个`router.beforeEach`,分别是:
```javascript
router.beforeEach((to, from, next) => {
console.log('执行第一个 beforeEach')
next()
})
router.beforeEach((to, from, next) => {
console.log('执行第二个 beforeEach')
next()
})
```
那么当你进行路由跳转时,控制台会输出以下信息:
```
执行第一个 beforeEach
执行第二个 beforeEach
```
也就是说,先注册的`router.beforeEach`会先执行,后注册的`router.beforeEach`会后执行。需要注意的是,如果其中一个`router.beforeEach`中调用了`next(false)`或者`next('/')`之类的操作,后面的`router.beforeEach`就不会执行了。
阅读全文