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模式
	/******/
})
相关推荐
Sylvia-girl4 小时前
IO流~~
java·开发语言
weixin199701080164 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星5 小时前
javascript之数组
java·前端·javascript
Re.不晚5 小时前
JAVA进阶之路——无奖问答挑战3
java·开发语言
代码游侠5 小时前
C语言核心概念复习——C语言基础阶段
linux·开发语言·c++·学习
㓗冽5 小时前
60题之内难题分析
开发语言·c++·算法
dingdingfish5 小时前
Bash学习 - 第3章:Basic Shell Features,第5节:Shell Expansions
开发语言·学习·bash
rainbow68895 小时前
C++开源库dxflib解析DXF文件实战
开发语言·c++·开源
deepxuan5 小时前
Day7--python
开发语言·python
晚霞的不甘5 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架