安装Vue-Router路由插件

原文地址：http://www.hxstrive.com/article/591.htm

 

我们在使用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>

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 标签，则无须如此 (手动安装)。