移动端使用vue2 vant2如何绘制表格

在移动端使用 Vue2 和 Vant2 绘制表格，可以使用 vant 的 `van-table` 组件。以下是一个简单的示例：

1. 首先，需要在 Vue 组件中引入 `vant` 和 `vant` 的 CSS 样式：

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

<script>
import { Table } from 'vant';
import 'vant/lib/index.css';

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

2. 在组件中使用 `van-table` 组件，并传入 `columns` 和 `data` 属性。

其中，`columns` 是表格的列定义，每个列包含 `title` 和 `key` 两个属性；`data` 是表格的数据，每个数据项的属性名需要和列定义中的 `key` 对应。

以上示例会生成一个简单的表格，包含姓名、年龄、性别三列，以及三个数据项。

注意，`van-table` 组件是 Vant2 中的组件，需要先安装和引入 Vant2。另外，需要在移动端适配好表格的样式。