vue2安装router

安装vue-router的步骤如下：

1. 首先，确保你已经安装了Vue.js。如果没有安装，你可以在官方文档中找到安装指南。
2. 打开终端（命令行界面）并进入你的Vue项目的根目录。
3. 运行以下命令来安装vue-router：

npm install vue-router

4. 安装完成后，在你的Vue项目的根目录中创建一个新的文件夹，命名为`router`（你也可以选择其他的名字）。
5. 在`router`文件夹中创建一个新的文件，命名为`index.js`。
6. 在`index.js`文件中，引入Vue和vue-router：

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

7. 在同一个`index.js`文件中，创建一个新的VueRouter实例，并定义路由：

Vue.use(VueRouter)

const routes = [
  // 这里定义你的路由
]

const router = new VueRouter({
  routes
})

export default router

8. 在你的Vue项目的根目录中，找到`main.js`文件（或者你的入口文件）。
9. 在`main.js`文件中，引入刚刚创建的`index.js`文件，并使用VueRouter：

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

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

10. 现在你已经成功安装并配置了vue-router。你可以在`router`文件夹中创建更多的路由文件，如`about.vue`，并在路由中定义对应的路径和组件。
11. 最后，你可以在你的Vue组件中使用`<router-link>`和`<router-view>`来实现路由的导航和视图渲染。

请注意，以上步骤是基于Vue 2.x版本安装和配置vue-router的示例。如果你使用的是其他版本，请参考相应的官方文档进行安装和配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [v-router 路由基础](https://blog.csdn.net/weixin_45054614/article/details/123610781)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]