vue2实践：第一个非正规的自定义组件-动态表单对话框

前言

vue一个很重要的概念就是组件，作为一个没有经历过前几代前端开发的我来说，不太能理解它所带来的“进步”，但是，将它与后端c++、java类比，我感觉，组件就像是这些语言中的类和对象的概念，通过封装好的组件（类），可以通过挂载的方式，非常方便的调用其提供的功能，而不必重新写一遍实现逻辑。

我们常用的element UI就是由饿了么所提供的组件库，但是在项目开发中，我们可能还需要额外地定义一些组件来使用，就像java中我们会使用很多很多原生库和三方库以外，也要自己定义许多许多的实体类和工具类来满足项目需要。

需求

之前，使用el-table实现了一个用户可以自己添加删除行并填写内容的动态表格(见文末链接)。缺点是：用户输入了多行数据，在最后保存的时候才会做数据校验和提示。感觉不太符合现在表单设计的通用标准，所以，再次遇到这种需求时，我改成了用el-form来实现，让它能够实时校验用户的输入。与一般的el-form的不同在于，这次需要使用v-for遍历一个数组来使表单的row根据数组的长度来动态变化，其余与前一篇动态表格相似。

<el-form-item label="人员" prop="people">