vue router配置

在 Vue.js 中使用 Vue Router 实现路由功能，需要进行如下的配置：

1. 安装 Vue Router

npm install vue-router

2. 在 Vue 项目中引入 Vue Router 并注册

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

Vue.use(VueRouter)

3. 定义路由

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

4. 创建 router 实例

const router = new VueRouter({
  routes
})

5. 将 router 实例挂载到 Vue 实例中

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

6. 在 Vue 组件中使用路由

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

在上述代码中，`<router-link>` 标签用于生成路由链接，`<router-view>` 标签用于渲染路由组件。