vue中router路由的安装

在Vue中安装和配置路由，需要先安装vue-router插件。你可以通过以下步骤来进行安装：

1. 打开终端或命令行工具，进入你的Vue项目目录。
2. 运行以下命令来安装vue-router：

   npm install vue-router

或者如果你使用的是yarn包管理器，可以运行以下命令：

   yarn add vue-router

3. 安装完成后，在你的Vue项目中，创建一个新的文件夹，例如`router`，然后在该文件夹中创建一个名为`index.js`的文件（你也可以选择其他文件名）。
4. 在`index.js`文件中，导入Vue和vue-router，并创建一个新的VueRouter实例。可以参考下面的代码示例：

   import Vue from 'vue'
   import VueRouter from 'vue-router'

   Vue.use(VueRouter)

   const router = new VueRouter({
     routes: [
       // 在这里定义你的路由配置
     ]
   })

   export default router

5. 在Vue项目的根组件（通常是`App.vue`）中，导入并使用你刚刚创建的路由实例。可以参考下面的代码示例：

   <template>
     <div id="app">
       <router-view></router-view>
     </div>
   </template>

   <script>
   import router from './router/index.js'

   export default {
     name: 'App',
     router
   }
   </script>

6. 在`routes`数组中，定义你的路由配置。每个路由对象包含一个`path`（路径）和一个`component`（组件）属性。你可以根据需要添加更多的路由配置。以下是一个简单的例子：

   import Home from '../views/Home.vue'
   import About from '../views/About.vue'

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

   export default routes

7. 现在，你已经成功安装和配置了vue-router插件。你可以在Vue项目中使用`<router-link>`和`<router-view>`标签来创建链接和展示路由组件了。

这就是在Vue中安装和配置路由的基本步骤。你可以根据自己的需求进一步深入学习和使用vue-router来实现更复杂的路由功能。