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