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 替換,並掛載到例項上去之後呼叫。例項已完成以下的配置 用上面...