V-model 雙向綁定的原理是什么？

本文轉載自查看原文 2020-01-09 16:23 3229 Vue

做雙向綁定時，通常在表單元素上綁定一個v-model,
我們在編譯的時候，可以解析到v-model
操作時做了兩件事:
1.在表單元素上做了事件監聽（監聽input、change事件）
2.如果值發生變化時，在事件回調函數把最新的值設置到vue的實例上
3.因為vue的實例已經實現了數據的響應化，
它的響應化的set函數會觸發，通知界面中所有模型的依賴的更新。
所以界面中的，跟這個數據相關的部分就更新了

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Vue(三)--v-model雙向綁定 vue 雙向綁定(v-model 雙向綁定、.sync 雙向綁定、.sync 傳對象) v-model原理雙向綁定v-model與單向綁定v-bind:value v-model的實現原理 vue學習之-----v-model數據雙向綁定,自定義組件父子傳參 38、如何實現跨組件 v-model（雙向數據綁定）？ vue.事件修飾符的事件控制，v-model數據雙向綁定 Vue實例：演示input 和 textarea 元素中使用 v-model 實現雙向數據綁定給定制的vuejs組件添加v-model雙向綁定支持