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

相关推荐
江城开朗的豌豆几秒前
JavaScript篇:移动端点击的300ms魔咒:你以为用户手抖?其实是浏览器在搞事情!
前端·javascript·面试
华洛7 分钟前
聊聊我们公司的AI应用工程师每天都干啥?
前端·javascript·vue.js
江城开朗的豌豆7 分钟前
JavaScript篇:你以为事件循环都一样?浏览器和Node的差别让我栽了跟头!
前端·javascript·面试
技术小丁10 分钟前
使用 HTML +JavaScript 从零构建视频帧提取器
javascript·html·音视频
gyx_这个杀手不太冷静10 分钟前
Vue3 响应式系统探秘:watch 如何成为你的数据侦探
前端·vue.js·架构
晴殇i16 分钟前
🌐 CDN跨域原理深度解析:浏览器安全策略的智慧设计
前端·面试·程序员
漫谈网络28 分钟前
TypeScript 编译 ES6+ 语法到兼容的 JavaScript介绍
javascript·typescript·es6
Uyker42 分钟前
空间利用率提升90%!小程序侧边导航设计与高级交互实现
前端·微信小程序·小程序
bin91531 小时前
DeepSeek 助力 Vue3 开发:打造丝滑的日历(Calendar),日历_天气预报日历示例(CalendarView01_18)
前端·javascript·vue.js·ecmascript·deepseek
江城开朗的豌豆1 小时前
JavaScript篇:反柯里化:让函数'反悔'自己的特异功能,回归普通生活!
前端·javascript·面试