vxe-table 如何使用

vxe-table 是一个基于 Vue.js 的表格组件库，可以用于快速构建数据表格。使用 vxe-table 需要先安装依赖，然后在 Vue 项目中引入并注册组件。以下是一个简单的使用示例：

1. 安装依赖：

npm install xe-utils vxe-table vue-class-component

2. 在 Vue 项目中引入并注册组件：

import Vue from 'vue'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

Vue.use(VXETable)

3. 在组件中使用 vxe-table：

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

<script>
export default {
  data () {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京市朝阳区' },
        { name: '李四', age: 22, address: '上海市浦东新区' },
        { name: '王五', age: 30, address: '广州市天河区' }
      ]
    }
  }
}
</script>

以上示例中，我们通过在模板中使用 `<vxe-table>` 标签来创建一个表格，并通过 `:data` 属性绑定数据源。在 JavaScript 中，我们可以通过 `data` 属性来定义表格的数据。