Vue-router子路由怎么创建


本篇内容主要讲解“Vue-router子路由怎么创建”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue-router子路由怎么创建”吧!在我们的商城项目中,后台管理页 Admin 涉及到很多操作页面,比如:/admin 主页面/admin/create 创建新信息/ad免费云主机域名min/edit 编辑信息让我们通过嵌套路由的方式将它们组织在一起。在src/views下创建 Admin.vue,并创建admin目录,以用来存放admin的子页面( 使用vue-router的子路由,需要在父组件利用 router-view占位 )Admin.vue在src/views下创建admin目录用来存放admin的子页面,在admin目录下新建Create.vue 和 Edit.vue 来实现/create 创建新的商品/edit 编辑商品信息Create.vueEdit.vue增加子路由,子路由的写法是在原有的路由配置下加入children字段。注意:children里面的path 不要加 / ,加了就表示是根目录下的路由。index.jsVue-router 子路由(嵌套路由)创建完成在应用界面开发中通常由多层嵌套的组件组合而成。但随着页面的增多,如果把所有的页面都塞到一个 routes 数组里面会显得很乱,你无法确定哪些页面存在关系。借助 vue-router 提供了嵌套路由的功能,让我们能把相关联的页面组织在一起。到此,相信大家对“Vue-router子路由怎么创建”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: Node.js子线程Crash问题如何排查

这篇文章主要介绍“Node.js子线程Crash问题如何排查”,在日常操作中,相信很多人在Node.js子线程Crash问题如何排查问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Node.js子线程Crash问题如何排查”的疑惑…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/27 22:00
下一篇 03/28 08:53

相关推荐