VEX-Table的columns如何使用

要在 VEX-Table 中使用 columns，需要在组件中传入一个包含 columns 配置信息的数组，例如：

<template>
  <vex-table :data="tableData" :columns="tableColumns"></vex-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: 'M' },
        { name: '李四', age: 20, gender: 'F' },
        { name: '王五', age: 22, gender: 'M' },
        { name: '赵六', age: 24, gender: 'F' }
      ],
      tableColumns: [
        {
          label: '姓名',
          prop: 'name'
        },
        {
          label: '年龄',
          prop: 'age'
        },
        {
          label: '性别',
          prop: 'gender',
          render: (h, params) => {
            return h('span', params.row.gender === 'M' ? '男' : '女')
          }
        }
      ]
    }
  }
}
</script>

在上面的示例中，我们将 tableData 和 tableColumns 作为 props 传递给了 vex-table 组件，其中 tableData 是表格数据，tableColumns 是列配置信息。在 tableColumns 中，我们定义了三列数据，分别是姓名、年龄和性别，其中性别列使用了 render 函数对数据进行了格式化。

通过这样的方式，我们就可以在 VEX-Table 中使用 columns 了。需要注意的是，columns 的配置项非常多，可以根据实际需求进行适当的调整和修改。