vxe-grid 如何动态绑定数据

vxe-grid 是一个基于 Vue.js 的表格组件，它可以通过 `data` 属性来绑定数据。数据可以是一个数组或一个函数。如果是一个数组，那么每个元素都会被渲染为一行数据；如果是一个函数，那么该函数会在组件初始化时调用，返回一个数组作为数据源。

下面是一个动态绑定数据的示例：

<template>
  <vxe-grid :data="tableData"></vxe-grid>
</template>

<script>
export default {
  data() {
    return {
      tableData: []
    }
  },
  methods: {
    fetchData() {
      // 发送 AJAX 请求获取数据
      axios.get('/api/data').then(response => {
        this.tableData = response.data
      })
    }
  },
  mounted() {
    this.fetchData()
  }
}
</script>

在上面的示例中，我们定义了一个空的数组 `tableData`，然后在 `fetchData` 方法中发送 AJAX 请求获取数据，并将返回的数据赋值给 `tableData`。最后，在组件挂载时调用 `fetchData` 方法，即可动态绑定数据。