下来我们来绘制左侧导航菜单，效果如图

z

这个看似简单，但操作过程中采坑无数，费了好大劲才搞定。

整体页面布局

首先我们需要做一个分栏，左右结构，新建一个Main.vue，作为主界面，再 新建CommonAside.vue和CommonHeader.vue作为左侧导航界面和顶部条。

这里就碰到一个问题，在Main.vue里不论写什么都报错，试了好多方法都无效，最后将Main.vue改成Layout.vue就好了。

先从官网复制这段代码

<el-container>
  <el-aside width="200px">Aside</el-aside>
  <el-container>
    <el-header>Header</el-header>
    <el-main>Main</el-main>
  </el-container>
</el-container>

在Layout.vue中引入其他两个组件

<scri