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()

相关推荐
真的想不出名儿14 分钟前
登录前验证码校验实现
java·前端·python
小高00715 分钟前
前端如何优雅地生成唯一标识?——一份跨环境 UUID 工具函数的封装与实战
前端·javascript·vue.js
云舟吖19 分钟前
Playwright的元素定位器
前端
我是日安20 分钟前
从零到一打造 Vue3 响应式系统 Day 24 - Watch:Options
前端·javascript·vue.js
吹晚风吧21 分钟前
什么是跨域?跨域怎么解决?跨域解决的是什么问题?
java·vue.js·js·cors
浅浅的学一下23 分钟前
实现在富文本中直接Ctrl+C复制图片并自动上传,并支持HTML格式的图片的复制
前端
wifi歪f29 分钟前
🎨 探究Function Calling 和 MCP 的奥秘
前端·ai编程·mcp
BrendanDash30 分钟前
React 19.2 已发布,现已上线 npm!
前端·react.js
sheji341642 分钟前
【开题答辩全过程】以 Web数据挖掘在电子商务中的应用研究为例,包含答辩的问题和答案
前端·人工智能·数据挖掘
whltaoin1 小时前
Vue 与 React 深度对比:技术差异、选型建议与未来趋势
前端·前端框架·vue·react·技术选型