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模式
	/******/
})
相关推荐
siroi几秒前
【nginx】NJS 的简单实践
前端
饮水机战神2 分钟前
震惊!多核性能反降11%?node接口压力测试出乎意料!
前端·node.js
一只叁木Meow3 分钟前
JavaScript数学库深度对比
前端
顾辰逸you4 分钟前
uniapp--咸虾米壁纸项目(一)
前端·微信小程序
方方洛19 分钟前
电子书阅读器:epub电子书文件的解析
前端·产品·电子书
idaibin20 分钟前
Rustzen Admin 前端简单权限系统设计与实现
前端·react.js
GISer_Jinger26 分钟前
Trae Solo模式生成一个旅行足迹App
前端·javascript
zhangbao90s27 分钟前
Intl API:浏览器原生国际化API入门指南
前端·javascript·html
艾小码29 分钟前
构建现代前端工程:Webpack/Vite/Rollup配置解析与最佳实践
前端·webpack·node.js
跟橙姐学代码34 分钟前
Python 集合:人生中最简单的真理,只有一次
前端·python·ipython