vue管理页面主页

先上效果图

全屏显示的问题，在index.html，App.vue，以及主页的Home.vue 中添加style，代码如下

  <style type="text/css">
    html,
    body,
    #app,
    .el-container {
      padding: 0px;
      margin: 0px;
      height: 100%;
    }
  </style>

侧边栏折叠的问题，设置el-aside的属性为

<el-aside width="auto">
</el-aside>

侧边栏折叠动画使用vue内置过渡动画transition包裹在el-menu外层

<transition name="el-zoom-in-center">
                <el-menu default-active="1" :collapse="isCollapse">
                    <el-menu-item index="1">
                        <i class="el-icon-location"></i>
                        <span slot="title"&