请选择 进入手机版 | 继续访问电脑版

路由Router

[复制链接]
听见深浅 发表于 2021-1-1 17:42:23 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
文章目次



路由Router

安装和使用vue-router
如果不消脚手架的话,我们用下令npm install vue-router --save举行安装
在我们使用脚手架构建项目标时候不需要用上面的下令安装,因为只要在构建项目标时候把是否选择路由选择为yes之后,项目会
自动帮我们安装路由。
路由映射

首先来看一下App.vue组件中如何使用路由举行路由映射的如下图:



路由的index.js文件中设置的映射路径如下图:

路由中使用push和replace方法直接跳转组件以及push方法和replace方法的区别:

如果使用replace方法也可以跳转到对应的组件中,但是不可以或许在欣赏器中不可以或许回退操作。
设置的全局css样式如下图:

路由嵌套





:index所对应的路径如下图:

上面的路径所对应的嵌套组件如下图:



来源:https://blog.csdn.net/qq_45950109/article/details/111943471
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )