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模式
	/******/
})
相关推荐
weixin_422555423 分钟前
el-menu子菜单点击就被激活,恢复之前的激活状态
javascript·vue.js·elementui
wuyk5558 分钟前
107.FreeRTOS 链表深度解析:从原理到面试满分答案
c语言·开发语言·数据结构·stm32·单片机·链表·面试
geovindu9 分钟前
CSharp: Wordcloud
开发语言·后端·c#·.net·.netcore·词云
Java小白笔记25 分钟前
Java 实现 ZIP 压缩包生成方案
java·开发语言·网络·7-zip
Persistent的粽子!26 分钟前
C++:类与对象(一)
开发语言·c++·经验分享·笔记
计算机魔术师27 分钟前
两年翻45倍!英伟达靠买买买建成千亿投资帝国
前端
paopaokaka_luck30 分钟前
基于springboot3+vue3的精准扶贫管理系统(AI 问答、ECharts 图形化分析)
前端·人工智能·echarts
weixin_440730501 小时前
使用pytest中方法控制执行步骤(test_begin.py、test_end.py,@pytest.mark.run(order=1))
开发语言·python·pytest
l1m0_1 小时前
智能电动自行车管理后台实战:AI生成页面与React组件化技巧
前端·react.js·ui·ai·设计
Patrick_Wilson1 小时前
为什么gitlab的MR会默认有一个merge commit
前端·git·gitlab