這篇是從教材的解說來了解之前說過的v-model在背後做好的工作，所以我們從教材給的例子來看我們用Vue寫的input輸入框<input v-model="msg"> 就相當於簡潔版本的<input :value="msg" @input="msg = $event.target.value">，同樣都是Vue.js的語法，v-model在背後做的工作就是將input的綁定到msg的value裡面ˊ在user觸發input的監聽事件時就會即時的回傳data裡面的msg。
而最開始我們在理解Vue.js的VMMV模型的時候有一個負責綁定DOM和data的ViewModel就是v-model的形象版本，而v-model對應的不同元素對應的事件也會有不同的效果。
所以如果不想使用v-model也同樣可以通過v-on和v-bind的監聽事件自己來設定想要完成的事件行為。
iThome鐵人賽
看影片追技術