Vue-El-Container是Vue的一個容器組件，它是基于Element-ui框架開發(fā)的。Vue-El-Container提供了一個容器，可以用它來包含其他組件，從而實現(xiàn)頁面排版和布局的靈活性。

Vue-El-Container組件有三個主要的屬性（props）：direction、size和fit。其中，direction屬性用于指定容器的排列方向，size屬性用于指定容器的尺寸大小，fit屬性用于指定容器是否要自適應(yīng)其子元素的大小。

<template>
<div>
<el-container v-bind:direction="directive">
<el-header>Header</el-header>
<el-main>Main</el-main>
<el-footer>Footer</el-footer>
</el-container>
</div>
</template>
<script>
export default {
data() {
return {
directive: 'horizontal'
};
}
};
</script>

在上面的代碼中，我們使用了el-container組件包含了el-header、el-main和el-footer三個元素，從而實現(xiàn)了一個完整的頁面布局。另外，我們還利用了directive屬性設(shè)置了容器的排列方向，這里設(shè)定為水平方向。

在實際開發(fā)中，Vue-El-Container可以大大提高我們的開發(fā)效率，使得頁面布局更加靈活和精細。不過，需要注意的是，容器組件本身不會渲染任何內(nèi)容，它只是作為一個容器來布局其它組件。因此，在使用呢時，我們還需要配合其它組件一起來使用，才能實現(xiàn)預(yù)期的效果。