Vue的生命周期方法, 又叫做生命周期鉤子函數(shù),
鉤子函數(shù): C#語言里的叫法, 它其實就是構(gòu)造函數(shù)(constructor), 對象出生時觸發(fā), 對應(yīng)的叫: 析構(gòu)函數(shù) (對象釋放前觸發(fā))
鉤子函數(shù)
beforeCreate
實例剛在內(nèi)存中創(chuàng)建出來,此時,還沒初始化data和methods屬性,數(shù)據(jù)和事件加載之前調(diào)用
created
實例已經(jīng)在內(nèi)存中創(chuàng)建,此時data和methods已經(jīng)創(chuàng)建,但是還沒有編譯模板,頁面上還沒有掛載任何標(biāo)簽節(jié)點, 一般網(wǎng)絡(luò)請求寫在這里
beforeMount
判斷el選項, 如果有, 則再判斷有無template選項, 如果沒有template選項, 則認(rèn)為el中的標(biāo)簽節(jié)點為它的模板標(biāo)簽,
這時候已經(jīng)編譯好了模板,但是還沒掛載到頁面中
mounted
真正的el標(biāo)簽內(nèi)被虛擬DOM已經(jīng)替換掉, 已經(jīng)掛載
beforeUpdate
數(shù)據(jù)更新時,已經(jīng)觸發(fā)了beforeUpdate聲明周期,此時數(shù)據(jù)為最新的數(shù)據(jù),但是在頁面顯示上,數(shù)據(jù)還是舊的,此時還沒有開始渲染DOM節(jié)點
update
頁面上的DOM已經(jīng)更新完畢
activated
keep-alive屬性的組件激活時調(diào)用。
deactivated
keep-alive屬性組件被停用時觸發(fā)
activated和deactivated,用的極少(了解)
beforeDestroy
?實例在銷毀之前調(diào)用,這一步,實例仍然可以用
destroyed
?實例銷毀后調(diào)用
Vue 實例指示的所有東西都會解綁定,所有的事件監(jiān)聽器會被移除,所有的子實例也會被銷毀
errorCaptured
捕獲子組件的錯誤信息
注意只有在vuejs2.5+版本后才可以使用這個方法
