el-container布局不正常

按照官方文档直接复制过来，发现head和aside、main、foot在同一行
问题排查
查了下官网的文档，发现这样一项说明

微信截图_20191020111230.png

分析原因是：将head、aside、main、foot封装成了独立组件，封装成组件后，el-container中没有了el-footer和el-header，导致子元素排列方向默认为horizontal
问题解决
在el-container上增加 direction="vertical"属性