安装Vue-Router路由插件

我们在使用Vue-Router插件时，需要先去安装vue-router插件。下面将介绍几种安装方式的详解

直接安装

即直接将JS库文件通过<script>标签的src进行直接引入。如下：

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

vue-router也可以通过CDN进行安装，CDN地址为：https://unpkg.com/vue-router/dist/vue-router.js 该地址将一直指向最新的发布版本。你也可以通过手动指定版本，如下：https://unpkg.com/vue-router@2.0.0/dist/vue-router.js 。实例：

<script src="/path/to/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>

vue广告位

NPM安装

在使用npm安装vue-router时，需要先去安装node.js，如果安装太慢，可以使用cnpm去安装；关于cnpm的配置见“cnpm配置”。

安装方式如下：

npm install vue-router
// 或
npm install vue-router --save-dev

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

import Vue from 'vue'
// 导入Vue-Router模块
import VueRouter from 'vue-router'

// 使用Vue-Router模块
Vue.use(VueRouter)

如果使用全局的 script 标签，则无须如此 (手动安装)。