vue3跳转页面的方法

在Vue3中，可以使用`router`实例来进行页面跳转。具体步骤如下：

1. 首先，在`main.js`中创建`router`实例并注入到Vue应用中：

   import { createRouter, createWebHistory } from 'vue-router'
   import Home from './views/Home.vue'
   import About from './views/About.vue'
   
   const router = createRouter({
     history: createWebHistory(),
     routes: [
       {
         path: '/',
         name: 'Home',
         component: Home
       },
       {
         path: '/about',
         name: 'About',
         component: About
       }
     ]
   })
   
   createApp(App).use(router).mount('#app')

2. 在组件中使用`router-link`组件进行路由跳转，例如：

   <template>
     <div>
       <router-link to="/">Home</router-link>
       <router-link to="/about">About</router-link>
     </div>
   </template>

3. 也可以在组件中使用JavaScript来编程式跳转，例如：

   import { useRouter } from 'vue-router'
   
   export default {
     setup() {
       const router = useRouter()
       
       function handleClick() {
         router.push('/about')
       }
       
       return {
         handleClick
       }
     }
   }