element UI表格数据传输，从数据库中加载数据

在 Element UI 中，表格组件（`el-table`）可以通过 `data` 属性来传输数据。如果需要从数据库中加载数据，则需要先通过后端接口获取数据，然后将数据传输给前端。一般可以使用 Ajax 技术来实现前后端数据交互。

以下是一个示例代码，假设后端接口返回的数据格式为：

{
  "code": 0,
  "msg": "",
  "data": [
    { "id": 1, "name": "张三", "age": 20 },
    { "id": 2, "name": "李四", "age": 25 },
    { "id": 3, "name": "王五", "age": 30 }
  ]
}

前端代码示例：

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

<script>
export default {
  data() {
    return {
      tableData: []
    }
  },
  mounted() {
    this.loadData()
  },
  methods: {
    loadData() {
      // 使用 Ajax 获取数据
      // 这里假设后端接口地址为 /api/data
      // 注意：这里需要使用 Promise 或 async/await 来处理异步操作
      axios.get('/api/data').then(response => {
        if (response.data.code === 0) {
          this.tableData = response.data.data
        } else {
          // 处理错误情况
        }
      }).catch(error => {
        // 处理异常情况
      })
    }
  }
}
</script>

在上面的示例中，`tableData` 是一个数组，用于存储从后端接口获取到的数据。在组件的 `mounted` 生命周期钩子中，调用 `loadData` 方法来加载数据。在 `loadData` 方法中，使用 Axios 发送 GET 请求获取数据，并将响应数据中的 `data` 字段赋值给 `tableData`，从而实现将数据传输给 Element UI 表格组件。