Vue v-modle理解

我们都知道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()">

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章