vue2 0生命週期詳解

2022-09-08 13:48:15 字數 647 閱讀 6590

週期名稱

內容beforecreate(建立前)

在資料觀測和初始化事件還未開始

created(建立後)

完成資料觀測,屬性和方法的運算,初始化事件,$el屬性未見

beforemount(載入前)

mounted(載入後)

在el 被新建立的 vm.$el 替換,並掛載到例項上去之後呼叫。例項已完成以下的配置:用上面編譯好的html內容替換el屬性指向的dom物件。完成模板中的html渲染到html頁面中。此過程中進行ajax互動。

beforeupdate(更新前)

在資料更新之前呼叫,發生在虛擬dom重新渲染和打補丁之前。可以在該鉤子中進一步地更改狀態,不會觸發附加的重渲染過程。

updated(更新後)

在由於資料更改導致的虛擬dom重新渲染和打補丁之後呼叫。呼叫時,元件dom已經更新,所以可以執行依賴於dom的操作。然而在大多數情況下,應該避免在此期間更改狀態,因為這可能會導致更新無限迴圈。該鉤子在伺服器端渲染期間不被呼叫。

beforedestroy(銷毀前)

在例項銷毀之前呼叫。例項仍然完全可用。

destroyed(銷毀後)

在例項銷毀之後呼叫。呼叫後,所有的事件***會被移除,所有的子例項也會被銷毀。該鉤子在伺服器端渲染期間不被呼叫。

vue2 0生命週期詳解

內容beforecreate 建立前 在資料觀測和初始化事件還未開始 created 建立後 完成資料觀測,屬性和方法的運算,初始化事件,el屬性未見 beforemount 載入前 mounted 載入後 在el 被新建立的 vm.el 替換,並掛載到例項上去之後呼叫。例項已完成以下的配置 用上面...

vue2 0生命週期解讀

首先看下官方概念解釋 1.beforecreate 建立前的狀態 建立例項前,vue例項的屬性值為undefined 2.created 例項建立完成後 data被定義了,但el屬性為undefined 然而,掛載階段還沒開始,el屬性目前不可見。3.beforemount 掛鉤前 dom渲染前 e...

vue2 0生命週期(二)

123 4567 891011 12js newvue 給模板傳遞的資料 data 其中vue函式稱為建構函式,使用new就可以例項化出來乙個例項化物件。剛剛接觸vue.js,之前使用react.js知道需要搞清楚它的生命週期及其每個鉤子函式的含義。鉤子函式 description beforecr...