VueRouter 实例

分析下列代码

javascript 复制代码
const router = new VueRouter({
    mode:'history',
    routes
})
复制代码
1.const router = new VueRouter({ ... })
 用来创建一个 Vue Router 实例,用于管理 Vue.js 应用的路由。

2.mode: 'history':
作用: 启用 HTML5 History 模式,去除 URL 中的 # 符号(默认是 Hash 模式,如 http://example.com/#/home)。
效果: URL 更简洁(如 http://example.com/home)。
**注意:**需服务器配置(如 Nginx、Apache)支持,确保直接访问子路径时返回 index.html,否则会出现 404 错误。

3.routes:

作用:定义路由规则数组,每个路由映射到对应的 Vue 组件。

javascript 复制代码
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
];
相关推荐
weixin_4569042715 分钟前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
BillKu16 分钟前
容器元素的滚动条回到顶部
前端·javascript·vue.js
weixin_4233919319 分钟前
React 19 全面解析:颠覆性的新特性与实战指南
前端·javascript·react.js
weixin_4233919319 分钟前
React Hooks 钩子
前端·javascript·react.js
CUGGZ20 分钟前
第三代 React,怎么玩?
前端·javascript·react.js
星哥说事22 分钟前
狂揽82.7k的star,这款开源可视化神器,轻松创建流程图和图表
前端
硅基宙宇AIGC23 分钟前
阿里Qoder重磅登场:AI编程平台新王者,程序员的饭碗要换了吗?
前端
影i24 分钟前
跨域登录 / Token 共享 踩坑记录
前端
小爱同学_35 分钟前
从前端模块化历史到大厂面试题
前端·javascript·面试
雪中何以赠君别35 分钟前
AMD、CMD 和 ES6 Module 的区别与演进
前端·javascript