入門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的值就被改變

總結

以上是生活随笔為你收集整理的vue中v-model原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。