vue3封装一个仿ant-design-vue的table组件

最近需要在不使用UI框架的情况下封装一个简单的表格，由于对antd-vue比较熟悉，所以仿照了antd-vue的样子写了个简化版的Table组件。

使用技术：VUE3、SCSS

用过antd-vue的都应该知道table组件主要的传参是两个：columns和dataSource，分别对应表头信息和表格的数据信息。

1.表头数据columns

表头的传参数据结构如下：

[
  {
    label: '姓名', key: 'name' },
  {
    label: '年龄', key: 'age' }
]

• key：必须，用来标志当前行
• label：非必须，当前列的列头显示内容

子组件-表头的遍历：

2.表格数据dataSource

表格数据传参的数据结构如下：

[
  {name: '张三', age: 24},
  {name: '李四', age: 45}   
]

可以看到dataSource里面的key