路由-安装vue-router的两种方式|学习笔记

开发者学堂课程【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，它会自动安装的：

<scerpt src = “/path/to/vue.js”></script>

<scerpt src = “/path/to/vue-router.js”></script>

把vue-router 放到 vue 后，是为了向 vue 上挂载相关的属性

二、用npm

1.安装：

是在终端上输入这个命令：npm install vue-router，然后等他到外网上去拉包。

2.使用方法：
使用vue-router方法，代码如下：

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

import vue from vue
import VueRouter from "vue-router'
Vue.use(VueRouter)

如果使用全局的 script 标签，则无需如此（手动安装）。