vue 3 安装路由

要在Vue 3中安装路由，可以按照以下步骤进行操作：

1. 首先，确保你已经安装了Vue 3和Vue Router。可以通过在终端中运行以下命令来安装它们：

   npm install vue@next vue-router@next

2. 接下来，在你的项目中创建一个`router`文件夹，并在其中创建一个`index.js`文件。

3. 在`index.js`文件中，引入`createRouter`和`createWebHistory`函数，并设置路由的配置信息。例如：

   import { createRouter, createWebHistory } from "vue-router";
   import HelloWorld from '../components/HelloWorld.vue';

   const router = createRouter({
     history: createWebHistory(),
     routes: [
       {
         path: '/',
         component: HelloWorld,
       }
     ]
   });

   export default router;

4. 在`main.js`文件中，引入创建的路由对象，并在创建Vue实例时将其作为插件使用。例如：

   import { createApp } from 'vue';
   import App from './App.vue';
   import router from "@/router";

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

这样，你就成功安装了Vue 3的路由。记得在运行项目之前先运行`npm install`来安装所需的依赖。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>