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模式
	/******/
})
相关推荐
沐知全栈开发9 小时前
Foundation 模态框
开发语言
jump6809 小时前
url输入到网页展示会发生什么?
前端
wjs20249 小时前
CSS 导航栏
开发语言
诸葛韩信9 小时前
我们需要了解的Web Workers
前端
brzhang9 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
共享家95279 小时前
Qt窗口教程(上)
开发语言·qt
yivifu10 小时前
JavaScript Selection API详解
java·前端·javascript
zizisuo10 小时前
16000+字!Java集合笔记
java·开发语言
星释10 小时前
Rust 练习册 :Nucleotide Codons与生物信息学
开发语言·算法·rust
这儿有一堆花10 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js