我们都知道vue在input双向绑定,但是这个双向绑定的原理是什么呢?
其实v-model简单说就是把:value=''和@input=''一起用。:value绑定展示,@input监听input的值变化并复制
例如以下代码:
<input v-model="userName">的效果等同与<input :value="userName" @input="userName = $event.target.val()">
<input v-model.lazy="userName">的效果等同与<input :value="userName" @change="userName = $event.target.val()">