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模式
	/******/
})
相关推荐
chilavert3181 分钟前
技术演进中的开发沉思-226 Ajax:前端兼容
javascript·架构
西西学代码2 分钟前
flutter---进度条
前端·javascript·flutter
_OP_CHEN3 分钟前
C++进阶:(十六)从裸指针到智能指针,C++ 内存管理的 “自动驾驶” 进化之路
开发语言·c++
努力学习的小廉8 分钟前
【QT(二)】—— 初识QT
开发语言·qt
爱学习的小邓同学8 分钟前
C++ --- map/set的使用
开发语言·c++
weixin_4211334110 分钟前
JShielder
开发语言
MSTcheng.14 分钟前
【C++进阶】继承(下)——挖掘继承深处的奥秘!
开发语言·c++
RisunJan15 分钟前
【HarmonyOS】鸿蒙开发语言的选择
开发语言·华为·harmonyos
学困昇15 分钟前
Linux基础开发工具(上):从包管理到“进度条”项目实战,掌握 yum/vim/gcc 核心工具
linux·运维·开发语言·数据结构·c++·vim