目录
前言
上一节我们介绍了前端路由和后端路由的概念以及区别，详见博文：原创 Vue笔记整理，专题之路由：1、路由-前端路由和后端路由的概念 这篇我们将介绍如何安装理由
安装
可参考官方文档：https://router.vuejs.org/zh/installation.html
#直接下载 / CDN
https://unpkg.com/vue-router/dist/vue-router.js
Unpkg.com 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以像 https://unpkg.com/[email protected]/dist/vue-router.js 这样指定 版本号 或者 Tag。
在 Vue 后面加载 vue-router，它会自动安装的：
<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>
#NPM
npm install vue-router
如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
如果使用全局的 script 标签，则无须如此 (手动安装)。
#构建开发版
如果你想使用最新的开发版，就得从 GitHub 上直接 clone，然后自己 build 一个 vue-router。
git clone https://github.com/vuejs/vue-router.git node_modules/vue-router
cd node_modules/vue-router
npm install
npm run build
安装说明
第一种方式：直接下载 / CDN（在网页里面直接进行开发）
直接通过地址：https://unpkg.com/vue-router/dist/vue-router.js ，进行下载 vue-router.js 的文件，你把它下载完成以后，它就是路由的一个包，然后我们就可以在页面代码里面，先后引入：
<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>
为什么要把 v-router.js 文件的导入放在 vue.js 文件后面呢？
因为在 vue.js 文件后面导入，之后我们的路由 v-router 就可以向全局的 vue 上面挂载一些相关的属性了。
第二种方式：NPM（通过webpack这种构建工具来开发）
通过 npm 来安装
npm install vue-router
那么安装以后，怎么来引用呢？
如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能。
也就是说，如果你的项目是基于模块化，来进行构建开发的，如：webpack它就是一个前端的模块化构建工具，用 webpack 就可以进行我们的模块化开发，那么如果你用 webpack 进行相关的构建，那我们必须要通过 Vue.use() 手动的去安装路由功能。如下：
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
第一步：导入 vue 模块
第二步：vue-router 路由模块
第三步：Vue.use(VueRouter) 也就是相当于：通过 use 方法，把 VueRouter 注册到 Vue 上面
如果使用全局的 script 标签，则无须如此 (手动安装)。
第三种方式：构建开发版
这种方式就不多说了