vue2使用router

Vue2中使用Router非常简单。首先，确保你的项目已经安装了Vue Router。你可以运行以下命令来安装它：

npm install vue-router

接下来，在你的Vue应用程序的入口文件（通常是`main.js`）中导入并使用Vue Router：

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

Vue.use(VueRouter)

const routes = [
  // 定义你的路由路径和对应的组件
  { path: '/', component: Home },
  { path: '/about', component: About },
  // ...
]

const router = new VueRouter({
  routes, // 在这里使用之前定义的路由
  mode: 'history' // 可选项，启用 HTML5 History 模式
})

new Vue({
  router, // 将路由实例注入根Vue实例
  render: h => h(App),
}).$mount('#app')

在上述代码中，你需要根据你的需求定义自己的路由路径和对应的组件。例如，你可以在项目中创建名为`Home.vue`和`About.vue`的组件，并在路由中指定它们的路径。

最后，在Vue实例中将`router`注入，这样你就可以在应用程序中使用路由了。

现在，你可以在任何需要导航的地方使用`<router-link>`和`<router-view>`组件。例如，在你的模板文件中可以这样使用：

<div id="app">
  <router-link to="/">Home</router-link>
  <router-link to="/about">About</router-link>
  
  <router-view></router-view>
</div>

`<router-link>`用于创建导航链接，`to`属性用于指定目标路径。`<router-view>`用于显示对应的组件。

希望这能帮到你！如果有任何其他问题，请随时提问。