10、vue中路由的两种形式

javascript 复制代码
import { createRouter, createWebHistory, createWebHashHistory }  from 'vue-router'
import Home from "./pages/Home.vue";
import Login from "./pages/Login.vue";
import About from "./pages/About.vue";

const routes = [
  {path: '/', component: Home},
  {path: '/login', component: Login},
  {path: '/about', component: About}
]

const router = createRouter({
  routes,
  history: createWebHistory()
  // history: createWebHashHistory()
})

export default router

1、history: createWebHistory()

2、history: createWebHashHistory()

相关推荐
Irene19915 分钟前
Vue2 与 Vue3 自定义事件实现对比
vue.js
李剑一22 分钟前
uni-app实现leaflet地图图标旋转
前端·trae
zhengxianyi51523 分钟前
ruoyi-vue-pro优化——如何将一个模块快速变成一个独立的应用进行开发,部署,管理
vue.js·前后端分离·数据大屏·ruoyi-vue-pro优化
风度前端1 小时前
npm 2026安全新规下的免登录发包策略
前端
冴羽1 小时前
2026 年前端必须掌握的 4 个 CSS 新特性!
前端·javascript·css
rgeshfgreh1 小时前
Python流程控制:从条件到循环实战
前端·数据库·python
狗头大军之江苏分军1 小时前
告别旧生态:Ant Design 6 不再支持 IE 与现代前端趋势解读
前端·javascript·后端
C_心欲无痕1 小时前
nginx - 开启 gzip 压缩
运维·前端·nginx
闲云一鹤2 小时前
2026 最新 ComfyUI 教程 - 本地部署 AI 生图模型 - Z-Image-Turbo
前端·人工智能·ai编程
开开心心_Every2 小时前
安卓后台录像APP:息屏录存片段,行车用
java·服务器·前端·学习·eclipse·edge·powerpoint