說下v-model的實現原理,戲法

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;

     

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