vue3 跳转路由 是怎么调转的

在 Vue 3 中，你可以使用 Vue Router 来实现路由跳转。下面是一个简单的示例：

1. 首先，通过 npm 或 yarn 安装 Vue Router：`npm install vue-router` 或 `yarn add vue-router`

2. 在 main.js 中引入 Vue Router 并创建路由实例：

import { createApp } from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import App from './App.vue'
import Home from './views/Home.vue'
import About from './views/About.vue'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
})

const app = createApp(App)

app.use(router)

app.mount('#app')

3. 在组件中使用 `$router.push()` 方法实现路由跳转：

<template>
  <div>
    <button @click="gotoHome">Go to Home</button>
    <button @click="gotoAbout">Go to About</button>
  </div>
</template>

<script>
export default {
  methods: {
    gotoHome() {
      this.$router.push('/')
    },
    gotoAbout() {
      this.$router.push('/about')
    }
  }
}
</script>

在这个示例中，我们定义了两个按钮，分别用于跳转到 Home 和 About 页面。当用户点击按钮时，会调用组件中的方法，使用 `$router.push()` 方法将路由跳转到对应的页面。

你可以根据自己的需求更改路由配置和路由跳转的方式。如果你还有其他问题，请继续提问。