vue2 如何创建路由

Vue.js 2.x 中创建路由需要先安装 `vue-router`，可以使用 npm 或 yarn 进行安装。

在安装 `vue-router` 后，需要在 Vue 应用中引入并注册路由：

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

// 引入组件，例如 Home、About、Contact 等
import Home from '@/views/Home.vue'
import About from '@/views/About.vue'
import Contact from '@/views/Contact.vue'

// 在 Vue 中注册路由
Vue.use(VueRouter)

// 定义路由配置
const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/about',
    name: 'about',
    component: About
  },
  {
    path: '/contact',
    name: 'contact',
    component: Contact
  }
]

// 创建路由实例
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

上述代码中，我们首先引入了 `vue-router`，然后在 Vue 中注册路由。接着，定义了三个路由配置，每个配置包括 `path`、`name` 和 `component` 三个属性，分别表示 URL 路径、路由名称和对应的组件。最后，创建了一个路由实例，并将其导出，这样就可以在 Vue 应用中使用该路由了。

需要注意的是，路由的配置可以放在单独的文件中，例如 `router.js`，而在主入口文件中通过 `import` 引入该文件即可。同时，还需要在 Vue 应用中将该路由实例挂载到根实例上，例如：

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

Vue.config.productionTip = false

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

在上述代码中，我们将路由实例 `router` 挂载到根实例中，这样就可以在整个应用中使用该路由了。