写代码从来都是 高级和低级之分，我就是那个低级的程序鸭，正在冲鸭进行中，不指望能有多牛B，不嗨的时候就本分的写，嗨的时候就多琢磨，多优化，说对编程有多热爱，自己都不信，就是为了钱一天天的出卖灵魂，苟且而生，就算是苟且也要苟且的舒服些，有意义些，so 不忙的时候优化一下后边可以生很多事，我写博客也不会为了方便别人，我没那么博爱，只是想着如果哪天换坑了，这些博客就是我曾经留下的印记
回归正题：
先看一看element 中的表格代码
这是用el-table标签渲染的 外层 ：data上关联表头下对应的数据层， 每层有一个 el-table-colum 渲染每一个不同的表头
再次封装就是让表头以遍历的形式显示出来，这样就可以直接配置js文件就好了
贴图：
data 中绑定list数据，在下面的遍历中遍历的是表头的集合，及表头的属性，利用v-if来配置type的类型，就可以展示不同类型的表头，比如选择框，或者序号，或者多级表头。。。。。。，还可以把element中任何需要的属性自定义加进来，加在每一项item上，在请求成功数据后直接赋值给tableData就可以了
具体代码就不帖了，复制element代码改改就行了，思路在这里，想做成组件标签引入就在vue组件中注册组件，prop中传值就可以了