vue2安装vue-router

要在Vue 2项目中安装Vue Router，您可以按照以下步骤进行操作：

1. 使用npm或yarn安装Vue Router。在命令行中运行以下命令：

使用npm：

   npm install vue-router

使用yarn：

   yarn add vue-router

2. 在您的Vue项目中创建一个`router`文件夹，并在该文件夹中创建一个`index.js`文件（或者您可以根据需要命名）。

3. 在`index.js`文件中，导入Vue和Vue Router，并创建一个新的Vue Router实例。以下是一个基本的示例：

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

   Vue.use(VueRouter);

   const routes = [
     // 在这里定义您的路由
   ];

   const router = new VueRouter({
     routes
   });

   export default router;

4. 在您的Vue项目的主入口文件（通常是`main.js`）中，导入并使用刚刚创建的Vue Router实例。以下是一个示例：

   import Vue from 'vue';
   import App from './App.vue';
   import router from './router/index';

   new Vue({
     router,
     render: h => h(App)
   }).$mount('#app');

5. 现在，您可以在路由文件中定义和配置您的路由。例如，在`router/index.js`文件中，您可以添加以下代码来定义一个简单的路由：

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

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

   // 添加其他路由...

   export default routes;

在这个例子中，我们定义了一个根路径为`'/'`的路由，并将其组件设置为`Home`组件。您可以根据需要添加其他路由。

6. 在您的Vue组件中，您可以使用`<router-link>`和`<router-view>`标签来导航和显示路由内容。例如，在`App.vue`组件中，您可以添加以下代码：

   <template>
     <div>
       <router-link to="/">Home</router-link>
       <router-view></router-view>
     </div>
   </template>

`<router-link>`用于创建一个链接，点击它将导航到指定的路由路径。`<router-view>`用于显示当前路由的组件内容。

这样，您就成功安装并配置了Vue Router，可以开始在您的Vue 2项目中使用它了。请注意，这只是一个简单的示例，您可以根据您的需求进一步配置和使用Vue Router。