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模式
	/******/
})
相关推荐
快落的小海疼21 小时前
前端导出页面内容为PDF
前端
宠..21 小时前
使用纯代码设计界面
开发语言·c++·qt
froginwe1121 小时前
SQL ALTER 语句详解
开发语言
周某人姓周21 小时前
XSS(一)概述
前端·安全·xss
半梅芒果干21 小时前
vue3 网站访问页面缓存优化
前端·javascript·缓存
ALex_zry21 小时前
内核开发者的视角:C与Rust在系统编程中的哲学与实践
c语言·开发语言·rust
u***451621 小时前
Windows安装Rust环境(详细教程)
开发语言·windows·rust
lichong95121 小时前
android 使用 java 编写网络连通性检查
android·java·前端
友友马21 小时前
『QT』窗口 (二) - 深入剖析 QDialog 对话框机制与内存管理
开发语言·qt
孟祥_成都21 小时前
公司 React 应用感觉很慢,我把没必要的重复渲染砍掉了 40%!
前端