vue3实现router页面跳转

要实现 Vue3 中的页面跳转，需要使用 Vue Router，具体步骤如下：

1. 安装 Vue Router：可以使用 npm 或 yarn 安装 Vue Router。

   npm install vue-router@4

2. 创建路由实例：在 main.js 文件中创建路由实例，并将其挂载到 Vue 实例上。

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

3. 在组件中使用 router-link 标签进行页面跳转：在需要进行页面跳转的组件中，使用 router-link 标签，并设置 to 属性为跳转目标的路由路径。

   <router-link to="/">Home</router-link>