第十一屆 佳作

web
技術在走,Vue.js 要有
mangoSu

系列文章

DAY 11

|D11| 從原始碼看 Vue 元件化 (4) - updateChildren,更新和移動子節點

updateChildren function 主要用 while 迴圈來比對新舊2棵樹的子節點,来更新真正的 DOM,對每個子節點有幾種情況 更新節點 刪除...

DAY 12

|D12| 從原始碼看 Vue 元件化 (5) - updateChildren,新增和刪除子節點

updateChildren function 主要用 while 迴圈來比對新舊2棵樹的子節點,来更新真正的 DOM,對每個子節點有幾種情況 更新節點 刪除...

DAY 13

|D13| 從原始碼看 Vue 元件化 (6) - 元件註冊

全域註冊 Vue.component('my-component', { // 設定屬性、方法等 }) 在初始化 Vue 的全域函數時,也定義了 Vue....

DAY 14

|D14| 從原始碼看 Vue 元件化 (7) - 異步元件

使用異步元件可以在需要時再載入,Vue.component 第二個參數是傳入元件物件,若要使用異步元件,有三種不同的傳入參數 工廠函數 Vue.compon...

DAY 15

|D15| 從原始碼看 Vue 響應式原理 (1) - JS Object.defineProperty

平時物件賦值方式除了下面這樣外 let obj = {}; obj.name = 'mango'; 還可以使用 Object 的靜態方法 Object.def...

DAY 16

|D16| 從原始碼看 Vue 響應式原理 (2) MVVM

前一篇用 Object.defineProperty 的 get、set 實作了簡單的資料綁定,但 Vue 的響應式還需要檢測何時更改、何時訪問屬性,以及允許...

DAY 17

|D17| 從原始碼看 Vue 響應式原理 (3) - Observer

內文寫在註解 // src/core/observer/index.js /*****************************************...

DAY 18

|D18| 從原始碼看 Vue 響應式原理 (4) - Dep

Vue 透過 Observer 將普通物件加上 getters 和 setter,使其變成響應式物件,響應式物件與 getters 相關的邏輯就是做 依賴收集...

DAY 19

|D19| 從原始碼看 Vue 響應式原理 (5) - Watcher

在 Vue 實例化的 initState 中, mount 階段透過 mountComponent 執行,這裡把 Watcher 實例化 // src/core...

DAY 20

|D20| 從原始碼看 Vue 響應式原理 (6) - nextTick 異步更新

介紹 Vue 異步更新前,要先了解一下 JS 運行時如何處理程式碼的異步執行 Event Loop js 執行時是單執行緒,它基於事件循環達到異步執行。我們用下...