VUE基礎(6) VUE的響應式系統

2021-10-11 11:31:00 字數 378 閱讀 7600

1.任何乙個vue component 都有乙個與之對應的watcher例項。

2.vue的data上的屬性會被新增 getter 和 setter 屬性。

3.當 vue component render 函式被執行的時候,data上會被接觸(touch),即被讀,getter 方法會被呼叫,此時vue會去記錄此vue component 所依賴的所有data(這一過程被稱為依賴收集)。

4.data 被改動時(主要是使用者操作),即被寫,setter 方法會呼叫,此時vue會通知所有依賴於此 data 的元件呼叫它們的 rander 函式進行更新。

6 Vue中陣列的響應式方法

響應式方法 該方法對陣列的陣列進行操作後,頁面上的資料也會發生變化 1 push 在陣列尾部增加乙個 多個元素 2 pop 在陣列尾部刪除乙個元素 3 shift 在陣列頭部刪除乙個元素 4 unshift 在陣列頭部增加乙個 多個乙個元素 5 splice 該方法可刪除 插入 替換元素 刪除元素 ...

6 Vue 生命週期

beforecreate執行時 data和el均未初始化,值為undefined beforemount執行時 data和el均已經初始化,但從 等現象可以看出此時el並沒有渲染進資料,el的值為 虛擬 的元素節點 mounted執行時 此時el已經渲染完成並掛載到例項上 文件已經渲染完畢,繫結事件...

vue響應式布局 Vue 響應式原理

vue2 的資料偵測 在 src observer 目錄裡面,元件例項在初始化時,會呼叫 observe 函式處理 data function initdata vm observe 改寫了所有物件屬性的 getter setter 和陣列原型上的 7 個會改寫陣列方法,從而讓 data 變成可響應...