您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
04 js訂閱發布者模式(vue是怎么將數據綁定到組件的原理)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-20 10:45:37【】7人已围观
简介據與視圖的綁定與同步,最終體現在對數據的讀寫處理過程中,也就是Object.defineProperty()定義的數據set、get函數中。Vue中對于的函數為defineReactive,在精簡版實
function defineReactive(obj, key, value) {
var dep = new Dep()
Object.defineProperty(obj, key, {
enumerable: true,
買粉絲nfigurable: true,
get: function reactiveGetter() {
if (Dep.target) {
dep.depend()
}
return value
},
set: function reactiveSetter(newVal) {
if (value === newVal) {
return
} else {
value = newVal
dep.notify()
}
}
})
}
在對數據進行讀取時,如果當前有 Watcher(對數據的觀察者吧,watcher 會負責將獲取的新數據發送給視圖),那將該 Watcher 綁定到當前的數據上(dep.depend(),dep 關聯當前數據和所有的 watcher 的依賴關系),是一個檢查并記錄依賴的過程。而在對數據進行賦值時,如果數據發生改變,則通知所有的 watcher(借助 dep.notify())。這樣,即便是我們手動改變了數據,框架也能夠自動將數據同步到視圖。
很赞哦!(7465)
相关文章
- 05 法國十大貿易伙伴(世界貿易大國前十名)
- 05 海南外國語職業學院輔導員待遇(那個學校的旅游管理專業好?)
- 01 常州醫保買粉絲下載(常州惠民保買粉絲打不開)
- 01 平安云大買粉絲每天幾點開放(每天步行上下班,怎樣讓路途上的時間更有意義呢?)
- 01 常見社交媒體的英文名(女生英文名大全)
- 05 海南學籍外地戶口可以參加海南高考嗎(戶口不在海南能在海南上高中嗎)
- 05 海關可以接受對外貿易關系人的申請(自理報關單位可以申請代理報關嗎)
- 05 浙江機電職業技術學院國際經濟與貿易中外合辦(浙江紡織服裝職業技術學院2020年報考政策解讀)
- 01 常德金祥龍貿易有限公司怎么樣(東莞祥龍五金制品有限公司怎么樣?)
- 01 平安天山買粉絲答題活動的答案(平安天山答題活動怎么參加)