vue2 vant封装简单的表格

以下是一个简单的基于 vant 组件库的表格封装示例：

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

<script>
export default {
  data() {
    return {
      columns: [
        { title: '姓名', key: 'name' },
        { title: '年龄', key: 'age' },
        { title: '性别', key: 'gender' }
      ],
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 22, gender: '男' },
        { name: '王五', age: 20, gender: '女' }
      ]
    }
  }
}
</script>

在这个示例中，我们使用 `van-table` 组件展示数据。`columns` 数组定义了表格的列信息，`data` 数组定义了表格中的数据。你可以根据自己的需求调整表格的布局，例如添加分页、筛选、排序等功能。