element table表格的小优化

首先看一下官网写的
没有什么问题，但是仔细发现el-table-column的标签写的太多，之前我看官网我就直接复制粘贴过来，写成这样了，这样一多是不是觉得很繁琐
于是我这样改进了一下，是不是舒服了许多

   <el-table-column
                    v-for="{ prop, label } in colConfigs"
                    :key="prop"
                    :prop="prop"
                    :label="label" >
                  </el-table-column>

export default {
      data() {
        /*table的表头*/
        this.colConfigs = [
          { prop: 'resident', label: '签约居民' },
          { prop: 'sex', label: '性别' },
          { prop: 'age', label: '年龄' },
          { prop: 'id', label: '证件号' },
          { prop: 'contactNumber', label: '联系电话' },
          { prop: 'contractTime', label: '签约日期' },
          { prop: 'contractState', label: '签约状态' },
          { prop: 'contributionType', label: '缴费类型' },
          { prop: 'contractServices', label: '签约服务' },
          { prop: 'protocolPrintingage', label: '协议是否打印' },
        ]
        }
        }

以后表头增加字段直接在 this.colConfigs添加就完事了，完全不用动template，如果对你有帮助给我点个赞！