vue路由回退会触发什么钩子

在Vue.js中，当使用路由进行页面跳转并进行回退操作时，会触发一些特定的生命周期钩子函数。具体来说，会触发beforeRouteLeave和beforeRouteUpdate这两个钩子函数。

1. beforeRouteLeave：在离开当前路由之前触发。可以用来进行一些离开前的准备工作或者进行一些用户确认操作。可以在该钩子函数中返回一个字符串来提示用户是否离开当前页面。如果返回一个非空字符串，浏览器会弹出一个确认对话框来询问用户是否离开当前页面。

2. beforeRouteUpdate：当复用组件时，参数发生变化时触发。可以用来响应参数的变化，进行相应的数据更新操作。该钩子函数接收到新的参数并可以访问到组件实例的之前的状态，可以使用这些信息来更新组件的数据。

这两个钩子函数都可以在路由定义时使用，可以在路由配置对象中的组件内定义这两个生命周期钩子函数。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/home',
      component: Home,
      beforeRouteLeave(to, from, next) {
        // 在离开home路由前执行一些操作
        // 可以返回一个字符串来提示用户是否离开当前页面
        // next()用于继续导航，next(false)用于取消导航
      },
      beforeRouteUpdate(to, from, next) {
        // 在复用Home组件时，路由参数发生变化时执行一些操作
        // 可以根据新的参数来更新组件的数据
        // next()用于继续导航，next(false)用于取消导航
      }
    },
    // 其他路由配置...
  ]
})

需要注意的是，在Vue中，使用路由进行页面跳转并进行回退操作时，并不会触发常用的created、mounted等生命周期钩子函数，因此，在需要在页面跳转和回退时执行一些操作时，应使用beforeRouteLeave和beforeRouteUpdate这两个钩子函数。

在Vue中，路由回退会触发以下几个路由导航守卫钩子：

1. beforeRouteEnter：在路由进入之前被触发。这个钩子在组件实例化之前被调用，因此无法访问this，不能获取到组件实例。可以通过在钩子函数中使用next来控制路由的进入。如果需要访问组件实例，可以使用导航守卫的beforeRouteUpdate钩子。

2. beforeRouteUpdate：在当前路由改变，但是同一个组件被复用时被触发。这个钩子可以访问this，并且可以根据路由的变化来更新组件的数据。同时可以使用next函数来控制路由的进入。

3. beforeRouteLeave：在路由离开之前被触发。这个钩子可以访问this，可以在组件即将离开时进行一些清理工作或弹窗提示。可以使用next函数来控制路由的离开。

4. afterEach：在路由导航完成之后被触发。这个钩子并不接收next函数作为参数，可以用来处理一些在路由导航完成之后的操作，如统计路由历史、记录页面停留时间等。

5. beforeResolve：在导航被确认之前被触发。这个钩子可以在路由渲染之前执行一些异步操作或数据获取，并确保所有的异步钩子完成之后再渲染组件。

总结：
回退路由会触发beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave这三个钩子函数，分别用于在路由进入之前、同一组件被复用时和路由离开之前进行一些操作。同时，afterEach和beforeResolve也会在路由回退时被触发，它们用于在路由导航完成后执行一些操作。

当Vue路由进行回退时，会触发以下两个生命周期钩子函数：

1. beforeRouteLeave：在离开当前路由之前触发。
2. beforeRouteUpdate：在当前路由被复用时触发。

这两个钩子函数都可以用来处理路由回退的操作。

beforeRouteLeave（离开路由之前）

beforeRouteLeave是在离开当前路由之前触发的钩子函数，可以用来处理一些离开路由时的操作，比如取消定时器、清除数据、提交表单等。

在组件中定义beforeRouteLeave钩子函数的方法有两种：

1. 使用Vue Router的全局守卫：在路由配置中使用beforeRouteLeave守卫函数。

const router = new VueRouter({
  routes: [
    {
      path: '/example',
      component: ExampleComponent,
      beforeRouteLeave(to, from, next) {
        // 在离开路由之前执行的操作
        // 可以在这里取消定时器，清除数据等
        next(); // 调用next()进入下一个路由
      }
    }
  ]
});

2. 在Vue组件中直接定义beforeRouteLeave方法：

export default {
  beforeRouteLeave(to, from, next) {
    // 在离开路由之前执行的操作
    // 可以在这里取消定时器，清除数据等
    next(); // 调用next()进入下一个路由
  }
}

在beforeRouteLeave的参数中，to表示将要进入的目标路由对象，from表示当前导航正要离开的路由对象，next是一个必须调用的方法，调用next()则继续进行下一个路由，调用next(false)则取消导航。

beforeRouteUpdate（当前路由被复用）

beforeRouteUpdate钩子函数是在当前路由被复用时触发的，比如从A路由跳转到B路由，然后再从B路由回退到A路由时，就会触发beforeRouteUpdate钩子函数。

在组件中定义beforeRouteUpdate钩子函数的方法与beforeRouteLeave相同，可以使用全局守卫或直接在Vue组件中定义。

export default {
  beforeRouteUpdate(to, from, next) {
    // 在当前路由被复用时执行的操作
    next(); // 调用next()进入下一个路由
  }
}

在beforeRouteUpdate的参数中，to表示将要进入的目标路由对象，from表示当前导航正要离开的路由对象，next是一个必须调用的方法，调用next()则继续进行下一个路由，调用next(false)则取消导航。

综上所述，Vue路由回退会触发beforeRouteLeave和beforeRouteUpdate两个钩子函数，可以用来处理离开路由之前和当前路由被复用时的操作。