<el-table-column></el-table-column>里面得内容分三部分展示

<el-table-column> 是 Element UI 中的一个组件，用于定义表格的列。它可以将表格数据按照不同的方式进行展示，通常分为三个部分：

1. 标题（Title）：用于显示列的标题，可以通过设置 `label` 属性来指定标题的内容。

2. 内容（Content）：用于显示每个单元格的内容，可以通过设置 `prop` 属性来指定要显示的数据字段。

3. 操作（Operation）：用于显示列的操作按钮或者自定义内容，可以通过设置 `slot-scope` 属性来自定义列的内容。

例如，下面是一个示例代码，展示了如何使用 <el-table-column> 来分别展示标题、内容和操作：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名" prop="name"></el-table-column>
    <el-table-column label="年龄" prop="age"></el-table-column>
    <el-table-column label="操作" width="120">
      <template slot-scope="scope">
        <el-button @click="handleEdit(scope.row)">编辑</el-button>
        <el-button @click="handleDelete(scope.row)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  },
  methods: {
    handleEdit(row) {
      // 编辑操作
    },
    handleDelete(row) {
      // 删除操作
    }
  }
};
</script>

在上述示例中，第一个 <el-table-column> 定义了一个标题为 "姓名" 的列，通过 `prop` 属性指定了要显示的数据字段为 "name"；第二个 <el-table-column> 定义了一个标题为 "年龄" 的列，通过 `prop` 属性指定了要显示的数据字段为 "age"；第三个 <el-table-column> 定义了一个标题为 "操作" 的列，通过 `slot-scope` 属性自定义了列的内容，展示了编辑和删除按钮。