vue學習之生命週期

2021-10-24 23:40:55 字數 612 閱讀 8815

從vue例項建立到虛擬dom產生再到資料繫結 資料監聽 資料渲染以及銷毀的整個過程。

生命週期的第一步就是建立vue例項,並且進行初始化

在初始化的時候呼叫了beforecreate,完成了vue例項的生命週期相關屬性的初始化以及事件的初始化。這個時候還不能直接訪問data中的屬性集method中的方法。

在初始化完畢之後,完成了vue的資料注入及資料監聽操作,該構造的執行意味著vue例項建立完畢,可以進行資料的訪問工作。

生命週期的第一步就是建立vue例項,並且進行初始化

在created之後,vue會判斷例項中是否含有el屬性,如果沒有會呼叫vm.$mount(el),接著會判斷是否含有template屬性,如果有將其解析為乙個render function,如果沒有將el指定的外部html進行解析。這裡只是完成了模板的解析但是資料並沒有繫結到模板中。

建立vm.$el替換el,實際上這裡完成的是資料繫結操作,在期間執行了render函式,將模板進行了解析,將資料進行了動態繫結。

截止到現在,vue已經將頁面顯示了出來,隨著使用者的操作會引起資料改變進而導致頁面重新整理

更新虛擬dom節點。

完成了頁面的重新渲染

銷毀之前呼叫,此事還是可以訪問vue例項的

vue學習之 生命週期

從vue例項建立 執行 直到銷毀,所有發生的事件,稱為生命週期事件,也叫生命週期鉤子。建立期間生命週期函式為 beforecreate created beforemount mounted 執行期間生命週期函式為 beforeupdate updated 銷毀期間生命週期函式為 beforedes...

Vue之生命週期

vue裡的概念 生命週期,是指乙個vue元件從開始到消亡經歷的各種狀態,具體點來說就是元件從建立,到元件掛載到頁面上執行,再到頁面關閉元件被解除安裝經歷的各種狀態。在每個階段,vue會自動呼叫相應的生命週期的鉤子函式,所以當我們在某個鉤子函式中掛載我們的自定義函式時,就會在相應的生命週期自動呼叫 v...

Vue之生命週期和生命週期鉤子

生命週期 指的是vm例項建立 執行 銷毀期間的各種事件。生命週期鉤子 生命週期事件 生命週期函式。生命週期主要分為三類 1.建立 這些函式均只在建立階段執行一次 beforecreate 此階段vm例項在內存在建立出來 只有預設的生命週期函式和一些預設的事件 但是data和method屬性沒有初始化...