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模式
	/******/
})
相关推荐
mONESY2 分钟前
从 DeepSeek WebGPU 输入框,吃透 React+TS 四大核心开发实践
javascript·后端
程序员爱钓鱼22 分钟前
第一个 Go 程序:Hello World
前端·后端·go
阳光是sunny26 分钟前
LangGraph 核心概念详解:从编译到可视化
前端·人工智能·后端
呜喵王阿尔萨斯27 分钟前
C/C++ const -- 多义混乱
c语言·开发语言·c++
__log27 分钟前
幂等性设计:从“重复提交“到“稳如磐石“的系统防护
java·开发语言·spring boot
spider_xcxc28 分钟前
Helm 部署 K8s 集群完整笔记
java·开发语言·kubernetes
海清河晏11129 分钟前
Qt实战:从零构建美化登录界面
开发语言·c++·qt
一只小灿灿39 分钟前
C++ 各类特殊符号、运算符
开发语言·c++
寒水馨41 分钟前
macOS下载、安装electron-v43.2.0(附安装包electron-v43.2.0-darwin-arm64.zip)
javascript·macos·electron·node.js·跨平台·桌面应用开发·开源框架
Fu_Lin_43 分钟前
《Qt嵌入式从零基础到精通》前言与阅读指南
开发语言·qt