当前位置: 首页 > article >正文

VueRouter 实例

分析下列代码

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 组件。

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


http://www.kler.cn/a/550437.html

相关文章:

  • 基于Flask的广西高校舆情分析系统的设计与实现
  • 深入理解 Shell 脚本执行方式:`source`、`./xx.sh`、`bash xx.sh` 和 `sh xx.sh`
  • leetcode88.合并两个有序数组
  • CMake configure_file
  • 数字水印嵌入及提取系统——基于小波变换GUI
  • 基于springcloud微服务架构的巡游出租管理平台
  • JDK、Nginx、Kafka、Zookeeper安装部署
  • 网络安全专业好就业吗?
  • 【力扣】114.二叉树展开为链表
  • 使用神经网络对驾驶数据进行道路类型分类
  • TCP/IP参考模型之区别(Differences Between the OSI and TCP/IP Reference Models)
  • python下载文件
  • QML 部件获得焦点触发的全局槽函数 onActiveFocusItemChanged
  • Android车机DIY开发之软件篇(十七) Android模拟器移植Automotive
  • 使用 AbilityKit 创建服务卡片
  • iOS 中使用 FFmpeg 的高级功能 - 滤镜(Filters)
  • Office word打开加载比较慢处理方法
  • 【PCIe 总线及设备入门学习专栏 1.1 -- PCI 设备访问方法】
  • B2B2C商城系统:如何利用大数据实现精准营销?
  • JavaScript 内置对象-字符串对象