浅谈Vue内置component组件的应用场景

label: '启用标志',
type: 'dropdown',
extra: {options: [{ label: '启用', value: 1 }, { label: '禁用', value: 2 }] }
}
] }
}
}
</script>

form中使用component的实现

<form>
 <c-form-cell v-for="cell of cellList" :key="cell.field" :field="cell.field">
  <component
 :is="`${TYPE_PRE}${cell.type}`"
 :field="cell.field"
 :attrs="cell.attrs"
 :extra="cell.extra"
 :validate="cell.validate"
 :cells="cell.cells">
  </component>
 </c-form-cell>
</form>

表单和表格在 基于VUE的后台引擎 开源项目中都有实现，欢迎star和fork。