vue3 router踩坑之未加子路由导致的页面不在指定区域内打开

寒假到了，少不了的是寒假项目，这次随便选了一个简单的设备管理系统

原题目要求比较简单，就是一个简单的asp增删改查吧，但是奈何由于比赛，完全没学asp

于是准备直接前后端分离，asp只用来提供数据算了，返回一个json，其他的全部交给前端处理。

所以这段时间也一直在学Vue，这不学的太快了，2天几乎把vue3看完了。

然后今天整合这两天写的两个页面是出了问题，中心页面的子页面会直接占满全屏

登录页面：

后台首页：

用的是Vue3+elementplus，能写出这样的东西，对我来说已经心满意足了。

这两块我是分开写的，就是通过修改main.js里面的配置去启动这两个页面，所以也不知道为什么一开始没有遇到那个问题。

然后总感觉自己是不是少学了什么，于是又去B站上找了套视频看了一下

原来路由里面还有一个子路由，如果要是子页面的话就必须把路由加到副路由的里面，就像这样。