怎么引入vuerouter

要引入 Vue Router，你可以按照以下步骤进行操作：

1. 在项目目录下，安装 Vue Router。可以使用 npm 或者 yarn 进行安装。执行以下命令：

   npm install vue-router

2. 在 main.js 文件中，引入 Vue Router 并创建路由实例：

   import { createApp } from 'vue';
   import App from './App.vue';
   import router from './router'; // 引入路由文件

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

3. 创建路由文件：在项目根目录下创建一个名为 `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;

4. 在需要使用路由的组件中，使用 `<router-view>` 标签来展示路由对应的组件。

5. 在需要触发路由跳转的地方，可以使用 `<router-link>` 标签来创建导航链接，或者使用编程式导航的方式来进行跳转。例如：

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

6. 根据你的需求，可以进一步配置路由的参数、嵌套路由、重定向等功能。详细的路由配置和使用方法可以参考 Vue Router 的官方文档。