關(guān)于Vue的生命周期

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+版本后才可以使用這個方法

vue的生命周期
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ## 最近在做的項目前段使用了Vue.js,在開發(fā)過程中對有關(guān)頁面數(shù)據(jù)的初始化以及Vue的內(nèi)置生命周期鉤子的使用有...
    黃濤同學(xué)A閱讀 344評論 0 0
  • Vue實例有一個完整的生命周期,也就是說從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛在DOM、渲染-更新-渲染、卸載等一系...
    Sanyekui閱讀 2,199評論 1 2
  • vue生命周期 每個Vue實例或組件從創(chuàng)建到顯示再到廢棄的過程就是vue的生命周期。很多時候我們希望能在這個過程中...
    皮皮坤666閱讀 29,294評論 1 18
  • 寫在前面:接觸Vue的時間不多,進(jìn)行一些項目實踐的時候,總會涉及到關(guān)于生命周期鉤子或多或少的使用。因此覺得有必要單...
    布袋貓g閱讀 877評論 2 1
  • 昨天雙十一,和姐姐聊天說自己在寢室躺著。姐姐很嫌棄的說:你還是大學(xué)生不,雙十一在寢室宅著?。在那一瞬間突然發(fā)現(xiàn)自己...
    快惹的小公舉閱讀 218評論 3 0

友情鏈接更多精彩內(nèi)容