首先了解一下v-model的本质,他的本质就是一个语法糖
<input type="text" v-model="message">
他相当于
<input type="text" :value="message" @input="message=$event.target.value">
那么明白了就看看如何在自定义组件中使用v-model,以下是我自定义的一个组件,只需要调用@input方法,发送一个input事件,并把值传过去就可以做到双向数据绑定.
<input type="text" :value="value" :disabled="disabled" :readonly="readonly"
@input="$emit('input',$event.target.value)"
>