el-container 布局容器

Container 布局容器 | Element Plus

1. <el-container>：外层容器。 当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列， 否则会水平左右排列。
2. <el-header>：顶栏容器。
3. <el-aside>：侧边栏容器。
4. <el-main>：主要区域容器。
5. <el-footer>：底栏容器。

示例：

<template>
    <el-container>
      <el-aside width="200px">Aside</el-aside>
      <el-container>
        <el-header>Header</el-header>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
</template>