關于vue的總結

1、模板中每個指令/數(shù)據(jù)綁定都有一個對應的watcher對象,在計算過程中它把屬性記錄為依賴(touched)。之后當依賴的 setter 被調(diào)用時,會觸發(fā) watcher 重新計算 ,也就會導致它的關聯(lián)指令更新 DOM。

2、vue內(nèi)部有user watchers 和 directive watchers

3、Vue.js 默認異步更新 DOM。每當觀察到數(shù)據(jù)變化時,Vue 就開始一個隊列,將同一事件循環(huán)內(nèi)所有的數(shù)據(jù)變化緩存起來。如果一個 watcher 被多次觸發(fā),只會推入一次到隊列中。等到下一次事件循環(huán),Vue 將清空隊列,只進行必要的 DOM 更新。在內(nèi)部異步隊列優(yōu)先使用MutationObserver,如果不支持則使用setTimeout(fn, 0)。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關于...
    云之外閱讀 5,079評論 0 29
  • 1.安裝 可以簡單地在頁面引入Vue.js作為獨立版本,Vue即被注冊為全局變量,可以在頁面使用了。 如果希望搭建...
    Awey閱讀 11,096評論 4 129
  • 明月幾時有?把酒問青天。不知天上宮闕,今夕是何年。我欲乘風歸去,又恐瓊樓玉宇,高處不勝寒。起舞弄清影,何似在人間。...
    劉偉書法_沈陽閱讀 292評論 6 8
  • 我的英語真的很差,差到連大學英語四級都沒有過。說實在總是怪自己年少時不努力,覺得年少時,不懂學識的重要。坐井觀天,...
    灰蜻鯊閱讀 158評論 0 1
  • 下雨天,休息。 準備去練習會計電算化,走到半路被告知商場停電,遂改路線去找朋友玩兒。 做了兩個小時的公交車到理工大...
    榛子那個女孩閱讀 118評論 0 1