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

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

发布了2 篇原创文章 · 获赞 2 · 访问量 248

猜你喜欢

转载自blog.csdn.net/qq_666123/article/details/104048582