vue3中如何编程式路由跳转

在Vue 3中，可以使用`router`对象来进行编程式路由跳转。下面是一个简单的示例：

首先，确保你已经安装了Vue Router，并在项目中引入了它。

然后，在组件中，你可以通过`this.$router`来访问`router`对象。使用`router.push()`方法可以进行编程式路由跳转。

下面是一个示例代码：

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

// 创建路由实例
const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 路由配置
    // ...
  ]
})

// 创建Vue应用
const app = createApp({})

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

// 在组件中进行编程式路由跳转
export default {
  methods: {
    goToPage() {
      // 使用router.push()进行跳转
      this.$router.push('/path/to/page')
    }
  }
}

在上面的示例中，我们首先导入了Vue和Vue Router，并创建了一个路由实例。然后，我们将路由实例挂载到Vue应用中。最后，在组件的方法中，我们可以使用`this.$router.push()`来进行编程式路由跳转。

希望这个示例能够帮助你理解Vue 3中的编程式路由跳转。