view ui 表单浅理解

 <Form :model="formItem" :label-width="80" :rules="rules">
        <FormItem label=""用户名" prop="username">  
            <Input v-model="formItem.username" placeholder="用户名"></Input>
        </FormItem>
</Form>

1.:model:指的是data里面的请求过来的数据源
2.:rules：指的是对data里面的formItem里面的字段进行定义规则
3.label：指的是文本框前面的文字
4.v-model:指的是把当前数据双向绑定到formItem的数据里面，或者formItem的数据绑定到input上来显示
5.prop:左手对应着数据源（即用model.prop找到对应的数据源）,右手对应着验证规则（即用rules.prop找到对应的规则）

 <FormItem prop="workId" label="所属工作">
         <Select v-model="formInline.workId">
              <Option v-for="item in workIdList" :value="item.eventId" :key="item.eventId">{{ item.proName }}</Option>
          </Select>
 </FormItem>

1.:value:指的是 item.proName选中的值对应id,每一个item.proName都会对应着一个item.eventId，item.eventId来传输给formInline.workId