您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
04 js訂閱發布者模式(vue是怎么將數據綁定到組件的原理)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-22 14:30:37【】4人已围观
简介據與視圖的綁定與同步,最終體現在對數據的讀寫處理過程中,也就是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())。這樣,即便是我們手動改變了數據,框架也能夠自動將數據同步到視圖。
很赞哦!(31)
相关文章
- 01 上海外國語大學法律翻譯碩士學費(怎樣考入上海外國語大學的高翻學院?)
- 01 上海外國語大學法語語言文學博士經驗(上海外國語大學在211高校中處在什么水平?)
- 11 河北弘盟化工貿易有限公司(我是鑄造鐵供應商,請問在河北哪里鑄造廠多,電話有沒有啊?)
- 11 廣州生鴻貿易有限公司(廣州醫藥集團有限公司詳細資料大全)
- 01 上海外國語大學碩士論文查重規定(本碩連讀需要什么條件多少分幾年大學有哪些)
- 11 杭州園晶貿易有限公司(誰有這些經濟學教材?急需)
- 11 湖南先導國際貿易有限公司上班時間(臨床醫生職業規劃范文怎么寫)
- 11 外貿業務員職業體驗感悟(關于論文)
- 11 國際貿易實務報告實驗心得(國際貿易實訓報告總結800字7篇)
- 01 上海外國語大學本科生宿舍(上海外國語大學新生宿舍條件帶空調,宿舍內部環境圖片)
热门文章
站长推荐
01 上海外國語大學浦東附屬中學2023錄取分數線(2023年上海高中階段學校招生工作的若干意見公布)
01 上海外國語大學研究生錄取分數線2023(上海mba研究生學費一覽表2023)
01 上海外國語大學留學預科班招生簡章(上海外國語大學的預科班)
01 上海外國語大學留學生辦公室電話(上海外國語大學校園內有哪些地標性建筑?)
11 廣州卡然食品貿易有限公司上市了嗎(辛巴聯合股票莊家操盤起步股份,幾萬股東被埋,是否有人在暗箱操作?)
01 上海外國語大學留學生(上海的哪個大學外國留學生比較多)
01 上海外國語大學演講視頻(能夠下載日語教學視頻的網站 用于日語學習的)
01 上海外國語大學杭州學校怎么樣(上外附屬杭州學校怎么樣)