使用ElementUI的container布局容器布局项目

组件中代码如下：

  Aside
  
    Header
    Main
    Footer
  

实现效果如下：

在项目中使用：

APP.vue是主组件，所有页面都在App.vue下进行切换，因此，首先在APP.vue中编写如下代码：

其中，el-aside是左侧导航栏，之所以有v-if判断，是因为在用户首次登陆系统的时候，有登录界面，此时，左侧导航栏需要隐藏。同时，PageSideMenu是左侧导航栏的组件。

router-view我加载了Login.vue页面的代码，el-main部分写登录框的代码，Login.vue页面结构代码如下：

用户登录之后，进入Home.vue页面，页面结构代码如下：

至此，页面结构布局已结束。