vue中的router.beforeEach为什么会走两次

vue 中 router.beforeeach 可能走两次，原因有：1. 错误的导航顺序；2. 多个路由守卫；3. vuex 存储变更。为了避免这种情况，应避免在 beforeeach 中执行导航，合并多个路由守卫，并使用 watch 监听 vuex 存储变更。

为什么 Vue 中的 router.beforeEach 会走两次？

router.beforeEach 是 Vue Router 中的一个钩子函数，它会在路由导航发生之前触发。一般情况下，它只会被触发一次，但在某些特定情况下，它可能会被触发两次。

可能的原因：

如何避免：

立即学习“前端免费学习笔记（深入）”；

为了避免 router.beforeEach 触发两次，可以采取以下措施：

结论：

router.beforeEach 在 Vue 中触发两次通常是由于错误的导航顺序、多个路由守卫或 Vuex 存储变更。通过遵循上述措施，可以避免这种情况，确保 beforeEach 钩子函数按预期执行。