vue3中引入router

在Vue3中引入Vue Router的步骤如下：

1. 在终端运行以下命令来安装Vue Router：

   npm install vue-router@4

2. 在项目的src目录下创建一个名为"router"的文件夹，并在该文件夹内创建一个名为"index.ts"的文件。

3. 在"index.ts"中引入Vue Router的相关API：

   import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'

4. 创建路由规则，定义路由路径和对应的组件：

   const routes: Array<RouteRecordRaw> = [
     { path: '/', component: () => import('../components/a.vue') }
   ]

5. 使用createRouter函数创建路由实例，并传入路由规则和路由模式：

   const router = createRouter({
     history: createWebHistory(),
     routes
   })

6. 导出路由实例：

   export default router

7. 在"main.ts"中挂载路由实例：

   import { createApp } from 'vue'
   import App from './App.vue'
   import router from './router'

   createApp(App).use(router).mount('#app')

至此，你已成功引入Vue Router。