Vue實(shí)例的生命周期

什么是生命周期

從Vue實(shí)例創(chuàng)建，運(yùn)行，到銷(xiāo)毀期間，總是伴隨著各種各樣的事件，這些事件統(tǒng)稱(chēng)為生命周期

生命周期鉤子

生命周期鉤子就是生命周期事件的別名
生命周期鉤子 = 生命周期函數(shù) = 生命周期事件

主要生命周期的函數(shù)分類(lèi)

  • 創(chuàng)建期間的生命周期函數(shù)：
    1、beforeCreate：實(shí)例剛被創(chuàng)建出來(lái)，此時(shí)還沒(méi)有初始化好data和methods屬性
    2、created：實(shí)例已經(jīng)創(chuàng)建好了，data和methods已經(jīng)創(chuàng)建好，此時(shí)還沒(méi)有開(kāi)始編譯模板
    3、beforeMount：完成了模板的編譯，但還沒(méi)有掛載到DOM節(jié)點(diǎn)
    4、mounted：已經(jīng)將編譯好的模板，掛載到了頁(yè)面指定的容器中顯示
  • 運(yùn)行期間的生命周期函數(shù)：
    1、beforeUpdate：狀態(tài)更新前，此時(shí)data中的狀態(tài)時(shí)最新的，但是界面顯示的還是舊的，因此還沒(méi)有重新渲染DOM節(jié)點(diǎn)
    2、update：實(shí)例更新完畢之后，此時(shí)data中的狀態(tài)值和界面顯示的數(shù)據(jù)，都已經(jīng)完成了更新，界面已經(jīng)被重新渲染好
  • 銷(xiāo)毀期間的生命周期函數(shù) ：
    1、beforeDestroy：實(shí)例銷(xiāo)毀之前調(diào)用，實(shí)例仍然可用
    2、destroyed:實(shí)例銷(xiāo)毀后調(diào)用。調(diào)用后，Vue實(shí)例指示的所有東西都會(huì)解綁定，所有的事件監(jiān)聽(tīng)器會(huì)被移出，左右的子實(shí)例也會(huì)被銷(xiāo)毀
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀(guān)點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

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

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