Vue3:路由的两种模式history模式和hash模式

一、情景说明

参考Vue2中这两种模式的使用场景
https://blog.csdn.net/Brave_heart4pzj/article/details/136400215

Vue3中,这两种模式的效果和Vue2相同,就是语法上稍有区别

本篇只讲解Vue3中,两种模式的语法实现,其他方面,参考Vue2的博文。

二、案例

1、hash模式

javascript 复制代码
const router = createRouter({
	history:createWebHashHistory(), //hash模式
	/******/
})

2、history模式

javascript 复制代码
const router = createRouter({
	history:createWebHistory(), //history模式
	/******/
})
相关推荐
我叫张小白。29 分钟前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
代码游侠30 分钟前
日历的各种C语言实现方法
c语言·开发语言·学习·算法
草莓熊Lotso32 分钟前
unordered_map/unordered_set 使用指南:差异、性能与场景选择
java·开发语言·c++·人工智能·经验分享·python·网络协议
WYiQIU5 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登5 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀6 小时前
formData 传参 如何传数组
前端·javascript·vue.js
夏天的味道٥6 小时前
@JsonIgnore对Date类型不生效
开发语言·python
zhu_zhu_xia6 小时前
vue3+vite打包出现内存溢出问题
前端·vue
tsumikistep7 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪7 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践