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

当然，我很乐意为您提供一个示例代码。下面是一个基于Vue.js的数据获取并创建表格的完整例子：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column v-for="column in tableColumns" :key="column.prop" :label="column.label" :prop="column.prop"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      tableColumns: [ // 表格列
        { label: '姓名', prop: 'name' },
        { label: '性别', prop: 'gender' },
        { label: '年龄', prop: 'age' },
      ]
    }
  },
  created() {
    // 发起数据请求
    this.fetchData()
  },
  methods: {
    fetchData() {
      // 模拟数据请求
      const data = [
        { name: '张三', gender: '男', age: 18 },
        { name: '李四', gender: '女', age: 20 },
        { name: '王五', gender: '男', age: 22 },
      ]
      // 更新表格数据
      this.tableData = data
    }
  }
}
</script>

这个例子演示了如何使用Vue.js的动态Vue.js的v-for指令和原生的element-ui表格组件el-table，获取数据并动态创建表格列。在这个例子中，我们使用了以下步骤:

1. 在template标签中使用el-table和el-table-column元素，来创建表格和表格列组件。
2. 在data属性中定义了用于保存表格数据和列的数组。
3. 在created生命周期中，使用this.fetchData()方法发送数据请求。
4. 在fetchData()方法中，模拟了数据请求，并把数据保存到tableData属性中，从而更新表格数据。
5. 最后在el-table-column元素中使用v-for指令来动态地创建表格列。

希望这个例子能够帮助您理解如何使用Vue.js来实现动态的表格创建。如果您有任何疑问，请随时向我提问。