v-model只不過是一個語法糖而已,真正的實現靠的還是
-
v-bind:綁定響應式數據
-
觸發oninput 事件並傳遞數據
-
<input v-model="sth" /> // 等同於 <input :value="sth" @input="sth = $event.target.value" /> //自html5開始,input每次輸入都會觸發oninput事件,所以輸入時input的內容會綁定到sth中,於是sth的值就被改變; //$event 指代當前觸發的事件對象; //$event.target 指代當前觸發的事件對象的dom; //$event.target.value 就是當前dom的value值; //在@input方法中,value => sth; //在:value中,sth => value;