您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
04 js訂閱發布者模式(前端經典面試題(包含JS、CSS、React、瀏覽器等))
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-29 21:00:37【】6人已围观
简介據與視圖的綁定與同步,最終體現在對數據的讀寫處理過程中,也就是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())。這樣,即便是我們手動改變了數據,框架也能夠自動將數據同步到視圖。
很赞哦!(38552)
相关文章
- 01 長治濕地公園網紅橋原名是什么名字(長治網紅橋怎么走)
- tiktok海外用戶分布圖(海外版抖音tiktok怎么賺錢)
- tiktok海外用戶排行(海外抖音tiktok賺錢是真的嗎?)
- 01 長沙銀行買粉絲買粉絲二維碼(買粉絲支付支持哪些銀行綁定)
- tiktok海外版下載安裝蘋果(蘋果tiktok國際版怎么下載?)
- 01 長沙贏丹貿易有限公司(斗破蒼穹蕭炎怎么贏得丹塔冠軍的)
- tiktok海外帶貨真的假的(tiktok視頻搬運賺錢是真的嗎?)
- tiktok海外版官網(抖音國際版 tiktok如何注冊)
- tiktok海外版app下載(蘋果手機怎么下載tik tok國際版)
- tiktok海外抖音版(tiktok是抖音海外版嗎?)