安装Vue-Router路由插件

本文将介绍怎样去安装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>

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

成熟不是人的心变老,而是泪在眼眶里打转还能微笑。
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号