Vue——安装vue-router

3 月，跳不动了？>>>

• vue-router提供了Vue.js的路由控制和管理，也是官方提供的路由控制组件，通过vue-router可以非常方便地进行路由控制。
• 用Vue.js+vue-router的形式创建单页应用是非常简单的。使用Vue.js，可以通过组合组件来构建应用程序，当开发者将vue-router添加进来后，需要做的就是将组件（components）映射到路由（routes），然后告诉vue-router在哪里渲染它们。
• vue-router的安装方法有以下两种方式。

1. 直接引入CDN的方式 使用CDN进行安装，可以使用BootCDN提供的CDN服务。

然后使用<script></script>进行引入：

<script src="https://ip:port/vue-router/2.7.0/vue-router.js"></script>

或者下载后放置在项目文件夹中，使用如下代码引入：

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>

2. 使用Shell(npm)安装方式 安装命令如下：

npm install vue-router

如果需要在一个模块化工程中使用vue-router，必须通过Vue.use()明确安装路由功能

//引入相关代码包
import Vue from 'vue'
import VueRouter from 'vue-router'
//使用引入的包
Vue.use(VueRouter)

来源：oschina

链接：https://my.oschina.net/sunwenhao/blog/3207127