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模式
	/******/
})
相关推荐
想学后端的前端工程师几秒前
【CSS高级技巧与动画实战指南:打造炫酷的用户体验】
前端·css·ux
沐知全栈开发8 分钟前
Web 词汇表
开发语言
程芯带你刷C语言简单算法题8 分钟前
Day37~求组合数
c语言·开发语言·学习·算法·c
程序员-周李斌11 分钟前
transmittable-thread-local[线程池跨线程值传递]
java·开发语言·算法·散列表
范纹杉想快点毕业12 分钟前
入门工程师指南:基于CRC校验的通信协议底层C语言实现
c语言·开发语言·mongodb
_码力全开_15 分钟前
第一章 html5 第一节 HTML5入门基础
前端·javascript·css·html·css3·html5
亓才孓17 分钟前
【homework1】彩票奖金问题(苛刻条件变松弛条件需要避免条件重复)
java·开发语言
KLW7519 分钟前
vue 绑定动态样式
前端·javascript·vue.js
wbs_scy21 分钟前
C++:unordered_map/unordered_set 使用指南(差异、性能与场景选择)
开发语言·c++·哈希算法
没有bug.的程序员25 分钟前
微服务网关:从“必选项”到“思考题”的深度剖析
java·开发语言·网络·jvm·微服务·云原生·架构