Vue-router 的使用 (vue3.x版本)

文章目录

一、安装
- 1. npm
- 2. yarn
二、使用
- 2.1. 引入+注册
- 2.2. 创建+配置

一、安装

1. npm

默认

npm install vue-router -S # 卸载
npm uninstall vue-router

vite

# 安装
npm install vue-router@next -S # 卸载
npm uninstall vue-router@next

2. yarn

默认

# 安装
yarn add vue-router -S # 卸载
yarn remove vue-router

vite

# 安装
yarn add vue-router@next -S# 卸载
yarn remove vue-router@next

二、使用

2.1. 引入+注册

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'const app = createApp(App)
app.use(router).mount('#app')

2.2. 创建+配置

import {createRouter, createWebHistory} from "vue-router";const routes = [
// 省略
]const index = createRouter({history: createWebHistory(),routes
})export default index

Vue-router 的使用 (vue3.x版本)相关推荐

Vue3中的Vue Router初探
对于大多数单页应用程序而言,管理路由是一项必不可少的功能.随着新版本的Vue Router处于Alpha阶段,我们已经可以开始查看下一个版本的Vue中它是如何工作的. Vue3中的许多更改都会稍微改变 ...
【Vue】相关生态——Vue Router路由
Vue Router路由基本使用带参数的动态路由匹配捕获所有路由或404 Not found 路由嵌套路由编程式导航重定向和别名将props传递给路由组件不同的历史模式进阶导航守卫 ...
Vue Router 4.0 正式发布！焕然一新。
关注若川视野,回复"pdf" 领取资料,回复"加群",可加群长期交流学习 12月8日,Vue Router 4 正式发布稳定版本. 在经历了 14 个 Alph ...
Vue Router 4 快速入门
现在我们安装 vue-router 版本的时候,默认还是安装的 3.x 版本的,由于 vue3 的更新发生很大的变化,所以为了兼容处理,vue-router 也将发布最新版 4.x 版本了. 安装注册 ...
Vue-router的使用(vue3.0版本)
Vue-router的使用[vue3.0版本] 一.Vue-router 二.Vue项目实现路由跳转 1.Vue脚手架创建项目,安装对应模块 2.最简单的Vue-router路由机制 3.动态路由 3 ...
Vue2.x - Vue Router
目录 Vue与SPA 什么是SPA 简单了解SPA 什么是MPA SPA相较于MPA的优点实现SPA的几个关键点理解SPA单页面架构什么是前端路由锚链接与URL中的hash值通过hashch ...
使用VUE3.0版本搭建H5模板
使用VUE3.0版本搭建H5模板仓库地址,有需要的可以参考参考 https://gitee.com/young_frivolous/vue3-app-template/tree/master 为了方 ...
Abp Vnext Vue3 的版本实现
Abp Vnext Pro 的 Vue3 实现版本开箱即用的中后台前端/设计解决方案开始 Github地址文档地址演示地址系统功能 [x] 用户管理 [x] 角色管理 [x] 审计日志 [x ...
Vue Router的详细教程
Vue Router的详细教程安装 #直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js Unpkg.com 提供了基于 NPM 的 ...
【Vue.js】Vue.js中常用的UI组件库和Vue Router
1.Vue生态中常用的UI组件库 1. vant 介绍轻量级.可靠的移动端 Vue 组件库有赞前端团队出品 GitHub地址:https://github.com/youzan/vant 特性拥 ...

Vue-router 的使用 (vue3.x版本)

文章目录

一、安装

1. npm

2. yarn

二、使用

2.1. 引入+注册

2.2. 创建+配置

Vue-router 的使用 (vue3.x版本)相关推荐

最新文章

热门文章