vue获取数据后，动态创建表格el-table，请给我写个详细完整的例子

好的，以下是一个简单的例子：

HTML 部分：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

JavaScript 部分：

<script>
export default {
  data() {
    return {
      tableData: []
    }
  },
  created() {
    // 模拟获取数据
    setTimeout(() => {
      this.tableData = [
        {
          name: '张三',
          age: 18,
          address: '北京市海淀区'
        },
        {
          name: '李四',
          age: 25,
          address: '上海市静安区'
        },
        {
          name: '王五',
          age: 32,
          address: '广州市天河区'
        }
      ]
    }, 1000)
  }
}
</script>

以上代码中，我们首先在 HTML 中使用了 `el-table` 组件来创建表格，然后在 JavaScript 中使用了 `data` 选项来定义数据，其中 `tableData` 用来存放表格数据。

在 `created` 生命周期函数中，我们使用了 `setTimeout` 来模拟异步获取数据的过程，并将获取到的数据存放到 `tableData` 中。

注意，在使用 `el-table` 组件时，需要为每一列指定一个 `prop` 属性，该属性与数据数组中的属性名对应，用于控制显示哪一列的数据。在示例中，我们定义了三列数据，分别为姓名、年龄和地址，对应的属性名分别为 `name`、`age` 和 `address`。

希望以上示例对你有所帮助，如有任何问题，请随时提出。