安装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/[email protected]/dist/vue-router.js 。实例:
<script src="/path/to/vue.js"></script>
<script src="https://unpkg.com/[email protected]/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 标签,则无须如此 (手动安装)。

相关推荐