路由

一个路由（router）就是一组映射关系（key-value）,多个路由需要路由器（router）进行管理。 key是路径，value是组件

基本使用

1.安装vue-router 命令：npm i vue-router

2.应用插件 Vue.use(VueRouter)

3.编写router配置项：

//引入VueRouter
import VueRouter from 'vue-router'
//引入组件
import About from '../components/About.vue'
import Home from '../components/Home.vue'
//创建router实例对象，统一管理路由
export default new VueRouter({
  routes: [
    {
      path: '/about',
      component: About
    },
    {
      path: '/home',
      component: Home
    }
  ]
})

4.实现切换（active-class可配置高亮的样式）

<router-link active-class="active" to="/home">b</router-link>

5、指定展示位置

<router-view></router-view>