看完这篇傻瓜都会Vue路由嵌套页面(最详细)

浪子不回头ぞ 提交于 2020-01-20 12:25:13

首先在App.vue文件下加入如下
在这里插入图片描述
再到router---->index.js编写路由的js
在这里我的主体是统一在Main.vue页面渲染所有嵌套子页面写在了Main下面,这里需要注意的是(children)这个是重点
在这里插入图片描述
我们需要在Main.vue(主页)中进行子页面的注册,把子页面都引入主页面直接看结构吧
在这里插入图片描述
圈起来的地方(router-view)是你需要在哪里渲染,什么位置,这个可以自行调整
到这里就完成了页面嵌套,最后给大家看一下完成效果是什么样的
在这里插入图片描述
在这里插入图片描述

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!