Vue 中导航钩子有哪些？

Vue 中的导航钩子主要有三种：

1. 全局导航钩子：

   • beforeEach(to, from, next)：在路由跳转前触发，用于全局的导航守卫逻辑。
   • afterEach(to, from)：在路由跳转完成后触发，用于执行一些跳转后的操作，无法通过 next 控制路由跳转。

2. 路由独享的守卫：

   • beforeEnter(to, from, next)：在单个路由配置中使用，针对该路由的导航守卫。

3. 组件内的导航钩子：

   • beforeRouteEnter(to, from, next)：在路由进入对应组件之前触发。
   • beforeRouteUpdate(to, from, next)：在当前路由复用组件时触发，且路由参数发生变化时调用。
   • beforeRouteLeave(to, from, next)：在路由离开当前组件时触发，可以用来确认离开前是否需要做某些操作。

这些导航钩子允许开发者在路由导航的不同阶段执行额外的逻辑，控制路由的行为或在路由切换前后执行一些操作。