vue中 v-model的原理

入門vue的過程中發現v-model的雙向數據綁定很好用,查資料得知v-model不過是一個語法糖,具體示例如下

<input v-model="sth">

其實他相當於下面這個:

<input v-bind:value="sth" v-on:input="sth=$event.target.value">

自從html5開始input每次輸入都會觸發oninput事件,所以輸入時input的內容會綁定到sth中,於是sth的值就被改變

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