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模式
	/******/
})
相关推荐
兆子龙几秒前
ahooks useMemoizedFn:解决 useCallback 的依赖地狱
java·javascript
ん贤2 小时前
Go channel 深入解析
开发语言·后端·golang
2301_789015624 小时前
DS进阶:AVL树
开发语言·数据结构·c++·算法
Filotimo_5 小时前
5.3 Internet基础知识
开发语言·php
识君啊6 小时前
Java异常处理:中小厂面试通关指南
java·开发语言·面试·异常处理·exception·中小厂
mCell6 小时前
【短文】不是最强,是最适合
前端·aigc·deepseek
余瑜鱼鱼鱼7 小时前
HTML常用标签总结
前端·html
Jave21087 小时前
Vue 中 mixins 混合开发的主要使用场景有哪些?
前端·vue.js
qyzm7 小时前
天梯赛练习(3月13日)
开发语言·数据结构·python·算法·贪心算法
徐同保7 小时前
openclaw安装
前端