Vue3 生命周期

生命周期

在 setup 中使用的 hook 名稱和原來生命周期的對(duì)應(yīng)關(guān)系

  • beforeCreate -> 不需要
  • created -> 不需要
  • beforeMount -> onBeforeMount
  • mounted -> onMounted
  • beforeUpdate -> onBeforeUpdate
  • updated -> onUpdated
  • beforeUnmount -> onBeforeUnmount
  • unmounted -> onUnmounted
  • errorCaptured -> onErrorCaptured
  • renderTracked -> onRenderTracked
  • renderTriggered -> onRenderTriggered
setup() {
  onMounted(() => {
    console.log('mounted')
  })
  onUpdated(() => {
    console.log('updated')
  })
  onRenderTriggered((event) => {
    console.log(event)
  })
}
?著作權(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)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Vue2.x 你不能使用箭頭函數(shù)來定義一個(gè)生命周期方法!!因?yàn)閠his啥也找不到還報(bào)錯(cuò)! beforeCreate...
    _小海綿閱讀 3,674評(píng)論 0 0
  • Vue實(shí)例在什么周期中各階段屬性和觸發(fā)事件總結(jié): 涉及到的生命周期鉤子(lifecycle hooks): bef...
    夢之卿知閱讀 8,602評(píng)論 0 3
  • 生命周期鉤子就好像是把人的出生到死亡分成一個(gè)個(gè)階段,你肯定是在出生階段起名字,而不會(huì)在成年或者死亡的階段去起名字。...
    dingFY閱讀 800評(píng)論 0 0
  • 參照翻譯 Understanding Vue.js Lifecycle Hooks 理解組件的生命周期,有利于我們...
    bacbcc94613b閱讀 5,189評(píng)論 0 6
  • 參考:https://cn.vuejs.org/v2/guide/instance.html 每個(gè) Vue 實(shí)例在...
    玲兒瓏閱讀 396評(píng)論 0 0

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