vue3生命周期

vue3生命周期

  • setup() :開始創(chuàng)建組件之前,在beforeCreate和created之前執(zhí)行。創(chuàng)建的是data和method
  • onBeforeMount() : 組件掛載到節(jié)點(diǎn)上之前執(zhí)行的函數(shù)。
  • onMounted() : 組件掛載完成后執(zhí)行的函數(shù)。
  • onBeforeUpdate(): 組件更新之前執(zhí)行的函數(shù)。
  • onUpdated(): 組件更新完成之后執(zhí)行的函數(shù)。
  • onBeforeUnmount(): 組件卸載之前執(zhí)行的函數(shù)。
  • onUnmounted(): 組件卸載完成后執(zhí)行的函數(shù)
  • onActivated(): 被包含在<keep-alive>中的組件,會多出兩個生命周期鉤子函數(shù)。被激活時執(zhí)行。
  • onDeactivated(): 比如從 A 組件,切換到 B 組件,A 組件消失時執(zhí)行。
  • onErrorCaptured(): 當(dāng)捕獲一個來自子孫組件的異常時激活鉤子函數(shù)(以后用到再講,不好展現(xiàn))。

注:使用<keep-alive>組件會將數(shù)據(jù)保留在內(nèi)存中,比如我們不想每次看到一個頁面都重新加載數(shù)據(jù),就可以使用<keep-alive>組件解決。

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

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

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