Vue 源碼第二步
當前 Vue 的版本 V2.2.2
生命周期 相關介紹
我們可以從 setp1 中 去看到那張 vue 的生命周期圖中看到,vue 的生命周期鈎子。 具體的鈎子時干什么的? 以及在源碼中是如何展示的。
create new Vue 時, 會先進行 create 創造出 Vue 對象
mounte 根據 el template render 方法屬性,會生成 DOM,並添加到對應 位置
update 當數據發生變化的時候,會重新渲染 dom ,並進行替換
distory 銷毀時 運行
那么接下來這 四個過程 在源碼中的實現過程是 什么樣子的呢?
,不要着急。 我們一步步來看
再開始之前,我們先看一張 結構圖。當然這張和 囧克斯 的那張區別還是有點不一樣。
GitHub 地址:(歡迎 star 、歡迎推薦 : )