vue3 router 后退

在Vue 3中，Vue Router是用于实现路由功能的官方插件。要实现后退功能，可以使用Vue Router提供的`router.go()`方法。

`router.go()`方法接受一个整数作为参数，表示要前进或后退的步数。如果参数为正数，则表示前进；如果参数为负数，则表示后退。例如，`router.go(-1)`表示后退一步。

以下是一个示例代码，演示如何在Vue 3中实现后退功能：

// 导入Vue和Vue Router
import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'

// 创建路由实例
const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 定义路由规则
    { path: '/', component: Home },
    { path: '/about', component: About },
    // ...
  ]
})

// 创建Vue应用程序实例
const app = createApp(App)

// 将路由实例挂载到Vue应用程序实例中
app.use(router)

// 在组件中使用后退功能
export default {
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}

在上述示例中，我们首先导入了Vue和Vue Router，并创建了一个路由实例。然后，在Vue应用程序实例中使用`app.use(router)`将路由实例挂载到应用程序中。

最后，在组件中可以通过`this.$router.go(-1)`来实现后退功能。当调用`goBack()`方法时，页面将后退一步。