官网：https://router.vuejs.org/zh-cn/installation.html

使用npm安装：

首先进入项目目录，然后运行安装命令：

cnpm install vue-router --save

运行安装命令 安装完毕，package.json可查看版本号

使用方法：在组件中

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

使用router时，先准备好路由链接所需要的组件

在组件的js文件中，导入每个路由所需要链接的组件，以数组对象的方式，绑定链接地址和链接的组件，对应router.js

路由地址和组件绑定

在需要使用的组件中(app.vue)，分别使用router-link标签包裹住导航的文字，使用router-view标签作为路由的出口，用于显示每次切换路由（导航）时刷新要显示的链接内容

注意：router-link  和  router-view（即导航和显示内容要在同一个组件）

路由标签的使用

将路由挂载组件之后显示在页面上

路由组件的挂载

使用过程中，进场需要默认显示某一个路由，设置的想法是，对地址进行重定向，党访问某个地址时，直接重定向到所需要的路由地址

解决默认显示某个路由

设置激活时的类样式，让选中和未选更清晰，方法如下：

设置选中的样式 为路由器配置默认激活样式 最终结果