九九色综合_性69交片免费看_亚洲一区二区三区久久精品_精品一久久_欧美一级黄视频_污免费网站

vue 數據雙向綁定原理

2021-10-11    前端達人





首先我們為每個vue屬性用Object.defineProperty()實現數據劫持，為每個屬性分配一個訂閱者集合的管理數組dep；然后在編譯的時候在該屬性的數組dep中添加訂閱者，v-model會添加一個訂閱者，{{}}也會，v-bind也會，只要用到該屬性的指令理論上都會，接著為input會添加監聽事件，修改值就會為該屬性賦值，觸發該屬性的set方法，在set方法內通知訂閱者數組dep，訂閱者數組循環調用各訂閱者的update方法更新視圖。



一小段手寫實現代碼

僅供參考

class Vue {
constructor(option){
this.$data = option.data
Observe(this.$data)
Object.keys(this.$data).forEach((key)=>{
Object.defineProperty(this,key,{
enumerble: true,
configurable: true,
get(){
return this.$data[key]
},
set(newVal){
this.$data[key] = newVal
},
})
})
}
}

function Observe (obj){
if(!obj || typeof obj !== 'object') return
Object.keys(obj).forEach((key)=>{
let value = obj[key]
Observe(value)
Object.defineProperty(obj,key,{
enumerble: true,
configurable: true,
get(){
console.log('有人獲取了 ${key} 的值')
return value
},
set(newVal){
value = newVal
Observe(value)
},
})
})
}

1

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gyxygd.cn

存檔

主站蜘蛛池模板： 成人午夜在线 | 99久久国产综合精品麻豆 | 欧美性色黄大片一级毛片视频 | 国产精品视频网址 | 国产精品美女久久久久久久网站 | 美女张开腿露出尿口 | 精品无人区乱码一区二区三区手机 | 日韩黄在线观看 | 亚洲精品视频在线播放 | 日韩中文字幕在线亚洲一区 | 国产色丁香久久综合 | 国产视频久久久久 | 有兽焉免费动画 | 欧美日韩高清一本大道免费 | 啪啪毛片 | 精品卡一卡2卡3卡4卡视乱 | 欧美日韩国产一区二区三区 | 亚洲 自拍 另类 制服在线 | 亚洲毛片在线 | 亚洲欧美偷拍综合图区 | 免费成人在线网站 | 成人h视频在线 | 日韩精品小视频 | 成人在免费视频手机观看网站 | 欧美一区二区三区四区五区动图 | 99视频在线播放 | 久久伊人亚洲 | 香港毛片 在线播放 | 美女精品一区 | 成人免费观看男女羞羞视频 | 国产一级免费片 | 色婷婷综合激情 | 亚洲另类在线观看 | 看亚洲a级一级毛片 | 久久久高清国产999尤物 | 欧美一级毛片国产一级毛片 | 欧美视频在线网站 | 国产一区二区精品在线观看 | 五月激情丁香 | 日韩三级伦理 | 日本无卡视频 |