使用vue的slot插槽做母板组件

母板组件是啥？

母板跟模板差不多，就是将一些重用性较高的页面结构抽离出来，封装到一个独立的组件里，以便于在各个项目中使用。比如后台管理，经典的头部，尾部，侧边栏与主要内容区域；我们就可以把这个结构封装成一个母板组件，今后只要写后台管理类的项目，就可以直接使用。下面具体来实现一下。

实现一个后台管理的母板组件

假设我们需要实现的是下面这张图的效果：

母板组件命名为layer.vue;为了快速实现这个布局效果，我直接使用element UI来做，其实用什么UI都无所谓，因为我们抽离出来的是一个布局结构，代码大概是这样的:

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

这样很快就可以实现一个后台管理的布局了，但是&#x