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

简介: 快速学习路由-安装 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,它会自动安装的:

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

相关文章
|
2月前
|
JavaScript 网络架构
vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
312 0
vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
|
4月前
|
前端开发 JavaScript Go
除了 VueRouter,还有哪些常用的路由库?
除了 VueRouter,还有哪些常用的路由库?
69 5
|
4月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
47 0
|
4月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
71 0
|
4月前
|
JavaScript 前端开发 网络架构
Vue3中的路由功能:安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由
Vue3中的路由功能:安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由
205 0
|
11月前
|
前端开发 JavaScript 数据安全/隐私保护
使用vue-cli搭建SPA项目及使用和路由及路由嵌套的使用
使用vue-cli搭建SPA项目及使用和路由及路由嵌套的使用
45 0
|
存储 前端开发 JavaScript
[Vue]路由及路由的基本使用
[Vue]路由及路由的基本使用
|
JavaScript
Vue项目配置路由以及设置路由守卫的正确方式(无坑可食用)
Vue项目配置路由以及设置路由守卫的正确方式(无坑可食用)
|
JavaScript 数据安全/隐私保护
Vue —— 进阶 vue-router 路由(三)(全局路由守卫)
Vue —— 进阶 vue-router 路由(三)(全局路由守卫)
271 0
|
存储 JavaScript 前端开发
Vue —— 进阶 vue-router 路由(零)(路由的概念、基本使用)
Vue —— 进阶 vue-router 路由(零)(路由的概念、基本使用)