《Vue3笔记》第14节：Vue3项目实现管理后台首页面布局

上一个小节内容完成了登录注册界面的功能界面，这个小节就来实现一下管理后台首页的布局界面。

Vue3项目开发（微信文章集合）

1.1、实现效果

在管理后台系统中，首页面的布局结构基本上都是由三部分组成，分别是：头部信息栏、左侧菜单栏、内容区域。这个小节实现的界面效果如下图所示：

1.2、实现代码

通过前面的分析，我们可以发现首页面是有三个部分组成，那么就可以分别针对每一个部分定义一个Vue组件来实现。

• 首先，在src/pages目录下，创建main目录，在该目录下创建一个components目录，这个目录用于保存首页面的