Vue2 0生命週期 附原始碼

2021-10-10 18:53:05 字數 1236 閱讀 4447

beforecreate:

beforecreate執行時,data選項沒有初始化;渲染的虛擬dom樹沒有生成,且沒有掛載到容器。

可以在這加個loading事件,在載入例項時觸發

created

由於data選項已經存在,所以在此發起ajax請求最合理。(資料越早拿回來越好)這結束loading事件

created執行時,data選項已經被注入到例項,即data選項已經被初始化,可以使用;渲染的虛擬dom樹沒有生成,且沒有掛載到容器。

beforemount

beforemount執行時,渲染的虛擬dom樹已經生成,但未掛載到容器

mounted執行時,虛擬dom樹被解析,且掛載到容器

資料發生變化前執行,在此可以進行資料監視

updated

資料發生變化後執行,在此可以進行資料監視

beforedestroy

元件銷毀前執行

destroyed

元件銷毀後執行

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...

vue2 0生命週期詳解

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