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模式
	/******/
})
相关推荐
郝学胜-神的一滴7 分钟前
Qt的QSlider控件详解:从API到样式美化
开发语言·c++·qt·程序人生
学困昇32 分钟前
C++11中的{}与std::initializer_list
开发语言·c++·c++11
郝学胜-神的一滴35 分钟前
Qt的QComboBox控件详解:从API到样式定制
开发语言·c++·qt·程序人生·个人开发
憧憬blog36 分钟前
【Kiro开发集训营】拒绝“屎山”堆积:在 Kiro 中重构“需求-代码”的血缘关系
java·开发语言·kiro
行云流水6262 小时前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
n***i952 小时前
Java NIO文件操作
java·开发语言·nio
星释2 小时前
Rust 练习册 72:多米诺骨牌与回溯算法
开发语言·算法·rust
zhangyao9403302 小时前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
程序喵大人3 小时前
推荐个C++高性能内存分配器
开发语言·c++·内存分配