vue3怎么封装路由

Vue3中封装路由的方法与Vue2基本相同。以下是一个简单的封装路由的步骤：

1. 安装Vue Router：在终端中运行`npm install vue-router`命令来安装Vue Router。

2. 创建路由实例：在router文件夹中创建一个router.js文件，然后在该文件中导入Vue和Vue Router，并创建一个新的Vue Router实例。

3. 配置路由：在router.js文件中配置路由，包括路由路径和对应的组件。

4. 导出路由实例：在router.js文件中导出Vue Router实例。

5. 在main.js中使用路由：在main.js文件中导入router.js文件，并将Vue Router实例注入到Vue实例中。

下面是一个简单的示例代码：

// router.js

import { createRouter, createWebHistory } from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
]

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

export default router

// main.js

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

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