element Ui动态加载表头和内容的数据格式应该怎么写

Element UI 提供了 Table 组件，支持动态加载表头和内容的数据。下面是一个示例，展示了如何使用 Table 组件来动态加载数据：

<template>
  <el-table :data="tableData" :columns="tableColumns"></el-table>
</template>

<script>
export default {
  data() {
    return {
      tableColumns: [], // 表头数据
      tableData: [] // 表格内容数据
    }
  },
  created() {
    // 动态加载表头数据
    this.tableColumns = [
      {label: '姓名', prop: 'name'},
      {label: '年龄', prop: 'age'},
      {label: '性别', prop: 'gender'}
    ]

    // 动态加载表格内容数据
    this.tableData = [
      {name: '张三', age: 25, gender: '男'},
      {name: '李四', age: 30, gender: '女'},
      {name: '王五', age: 28, gender: '男'}
    ]
  }
}
</script>

在上面的代码中，我们使用了 `:columns` 属性来动态加载表头数据，使用 `:data` 属性来动态加载表格内容数据。其中，`tableColumns` 和 `tableData` 是组件的两个数据属性，分别存储表头数据和表格内容数据。在 `created` 钩子函数中，我们将表头数据和表格内容数据赋值给对应的数据属性，从而实现了动态加载数据的效果。