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模式
	/******/
})
相关推荐
ohnoooo9几秒前
C++ STL库常用容器函数
java·开发语言
syt_10132 分钟前
gird布局之九宫格布局
前端·javascript·css
天骄t3 分钟前
深入解析栈:数据结构与系统栈
java·开发语言·数据结构
源代码•宸3 分钟前
GoLang并发示例代码1(关于逻辑处理器运行顺序)
开发语言·经验分享·后端·golang
曦樂~3 分钟前
【C++11】引用折叠原理
开发语言·c++
BD_Marathon6 分钟前
【JavaWeb】HTML_常见标签_布局相关标签
前端·html
SelectDB技术团队6 分钟前
云上数据安全新范式:Apache Doris IAM Assume Role 解锁无密钥访问 AWS S3 数据
服务器·前端·安全
松涛和鸣7 分钟前
24、数据结构核心:队列与栈的原理、实现与应用
c语言·开发语言·数据结构·学习·算法
m0_740043738 分钟前
Vue 组件中获取 Vuex state 数据的三种核心方式
前端·javascript·vue.js
Hashan9 分钟前
基于Vue3完成动态组件库建设
前端