el-table 使用for循环生成el-table-column，请使用代码示例

下面是一个使用 for 循环生成 el-table-column 的示例代码：

<template>
  <el-table :data="tableData">
    <!-- 使用 v-for 循环生成 el-table-column -->
    <el-table-column
      v-for="(column, index) in tableColumns"
      :key="index"
      :prop="column.prop"
      :label="column.label"
      :width="column.width"
      :sortable="column.sortable"
    ></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 20 },
        { id: 2, name: 'Mike', age: 25 },
        { id: 3, name: 'Mary', age: 30 }
      ],
      tableColumns: [
        { prop: 'id', label: 'ID', width: 80, sortable: true },
        { prop: 'name', label: 'Name', width: 120, sortable: true },
        { prop: 'age', label: 'Age', width: 80, sortable: true }
      ]
    };
  }
};
</script>

在上述示例中，使用 v-for 循环遍历 `tableColumns` 数组生成了三个 el-table-column 标签，分别对应表格的 ID、Name 和 Age 三列。在 el-table-column 标签中，使用了 `:prop`、`:label`、`:width` 和 `:sortable` 等属性来设置每一列的属性。最终生成的表格如下所示：

| ID | Name | Age |
| -- | ---- | --- |
| 1 | John | 20 |
| 2 | Mike | 25 |
| 3 | Mary | 30 |