element UI使用el-container布局时 丢失el-header 和 el-footer

在element UI使用el-container布局时将 el-header ，el-main ，el-footer封装成组件，导致丢失了布局样式，导致布局错误

官网文档：

封装成组件后，el-container中没有了el-footer，el-main和el-header，导致子元素排列方向默认为horizontal

问题解决

在el-container上增加 direction="vertical"属性