vue router有哪几种导航勾子

Vue Router 提供了以下导航守卫：

- `beforeEach`: 在路由变化前被调用，可以用于进行全局的导航守卫，可以拦截路由跳转或者进行一些全局的前置处理逻辑。
- `beforeResolve`: 在路由变化时被调用，但是在组件内的 `beforeRouteEnter` 守卫之前调用，可以用于在组件渲染前确保异步路由组件已经被解析。
- `afterEach`: 在路由变化后被调用，可以用于进行全局的后置处理逻辑。
- `beforeRouteEnter`: 在组件渲染前被调用，可以用于进行组件内部的导航守卫，比如判断用户是否有权限访问该页面。
- `beforeRouteUpdate`: 在当前路由改变，但是该组件被复用时被调用，可以用于响应路由参数的变化。
- `beforeRouteLeave`: 在当前路由将要离开该组件时被调用，可以用于进行组件内部的导航守卫，比如提示用户是否保存未保存的表单数据。

以上导航守卫可以在路由配置文件中进行定义，具体使用方法可以参考 Vue Router 官方文档。

相关问题

vue-router 有哪几种导航钩子

vue-router有以下几种导航钩子：

1. beforeEach：在路由跳转之前执行，可以用来进行权限验证或者全局的路由拦截。

2. afterEach：在路由跳转之后执行，可以用来进行页面的统计或者日志记录等操作。

3. beforeResolve：在路由解析之前执行，可以用来进行异步数据的加载或者路由参数的校验等操作。

4. beforeEnter：在路由进入之前执行，可以用来进行单个路由的权限验证或者数据加载等操作。

5. afterEnter：在路由进入之后执行，可以用来进行页面的初始化或者动画效果等操作。

6. beforeRouteUpdate：在路由更新之前执行，可以用来进行路由参数的校验或者数据的更新等操作。

7. beforeRouteLeave：在路由离开之前执行，可以用来进行页面的确认提示或者数据的保存等操作。

vue-router有哪几种导航钩子

Vue Router 提供了多种导航钩子（Navigation Guards），常用的有以下几种：

1. `beforeEach`：在路由变化前被调用，可以用来进行全局的前置验证，例如检查用户是否有权限访问某个页面。

2. `beforeResolve`：在路由变化前被调用，但是在 `beforeEach` 守卫解析完毕之后被调用，可以用来进行异步数据加载等操作。

3. `afterEach`：在路由变化后被调用，可以用来进行页面的统计、打点等操作。

4. `beforeRouteEnter`：在路由组件进入路由之前被调用，可以用来进行路由组件的初始化工作，但是此时无法访问组件实例（this）。

5. `beforeRouteUpdate`：在路由组件复用时调用，例如从 /users/1 到 /users/2，可以用来监听路由参数的变化并更新组件数据。

6. `beforeRouteLeave`：在路由组件离开路由时调用，可以用来进行用户提示、保存数据等操作。

以上是常用的几种导航钩子，Vue Router 还提供了其他的导航钩子，例如 `scrollBehavior` 可以用来控制页面滚动行为等。