开发者学堂课程【Vue.js 入门与实战:路由-安装 vue-router 的两种方式】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8191
路由-安装 vue-router 的两种方式
内容介绍:
一、直接下载
二、用 npm
一、直接下载
在百度里面搜 vue-router 第一个就是点进去就可以看到第一个就是可以安装的路由,有以下两种安装方式:
1.下载方法:
安装地址:https://unpkg.com/vue-router/dist/vue-router.js
Unpkg.com 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向
2.安装方法:
在 NPM 发布的最新版本。你也可以像 指定
https://unpkg.com/vue-router/dist/vue-router.js 指定 版本号 或者 tag。
在 Vue 后面加载 vue-router,它会自动安装的:
“
/path/to/vue.js
”
>
“
/path/to/vue-router.js
”
>
把 vue-router 放到 vue 后,是为了向 vue 上挂载相关的属性
二、用 npm
1.安装:
是在终端上输入这个命令:npm install vue-router
,然后等他到外网上去拉包。
2.使用方法:
使用 v ue-router 方法,代码如下:
如果在一个模块化工程中使用它,必须要通过 Vue.use()明确地安装路由功能:
import vue from vue
import VueRouter from "vue-router'
Vue.use(VueRouter)
如果使用全局的 script 标签,则无需如此(手动安装)。