加快Vue项目的开发速度的方法(7)

export default {
 name: 'table-demo',
 data () {
  return {
   // 表格头部配置
   headers: [
    { key: 'xxx', title: '测试' },
    { title: 'xxx', hidden: true, slot: 'demoslot'},
    {
     title: '操作', type: 'operate',
     operates: [
      {name: '详情',emitKey: 'view'}
     ]
    }
   ]
  }
 },
 methods: {
  viewCb(){
   // todo
  },
  defaultSlot(){
   // todo
  }
 }
}

这样封装过的表格,应付基本的一些需求问题应该不大。至于特殊的要求可以一步一步的进行完善。

总结

这些东西并不是什么语法糖,是真正可以在项目中加快我们的效率。让我们的自己乃至整个团队从繁杂的重复复制粘贴中解脱一点。至于速度和质量的问题。我是觉得使用公共组件质量可控性会更高一些。我建议公共得东西注释一定要写得全面和详细,这样可以极大的降低我们的交流成本。至于组件的封装还是要看你的业务。

以上观点纯属个人意见,如有错误,多谢指正。

示例代码还在整理中。。。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。