表单封装(:value + @input = v-model )(父传子,子又能对父的数据修改)

1.等效(app.vue里面是$event)

 2.表单类组件封装

表单封装(:value + @input = v-model )(父传子,子又能对父的数据修改)_第1张图片

3.简化上面(就修改了两个地方)

1.app.vue ( :value 和 @input  = v-model)

表单封装(:value + @input = v-model )(父传子,子又能对父的数据修改)_第2张图片

2.BaseSelect组件(事件监听改成 input),必须改成input,上面才能简写

表单封装(:value + @input = v-model )(父传子,子又能对父的数据修改)_第3张图片

3.BaseSelect里面的select v-model 还是拆分成  ( :value 和  @change 等于 select v-model)

子组件不能直接对父数据使用v-model

你可能感兴趣的:(vue)