Element-ui中Container布局容器的坑 _组件

今天在用-ui的布局的时候，我把头部和底部和主要内容分成了三个组件，在APP.vue中调用在一起。但是发现看不到内容，后来发现原来是全部变成水平排列了。
这是我一开始写的代码 APP.vue

//顶部导航组件//主要内容组件//底部组件

标题.vue
...
后来查了下文档发现
【Element-ui中Container布局容器的坑】但是按我的想法来说没有问题呀，子元素中有el-和el-了，应该默认为，垂直布局才对的。
后来百度之后才知道，当由几个组件封装到一起的时候是没有用的，所以要自己给el-加上属性为