小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

vue3 - 可復用 & 組合 - 組合式API - 生命周期鉤子

 悅光陰 2022-12-24 發(fā)布于北京

原文地址 v3.cn.

你可以通過在生命周期鉤子前面加上 “on” 來訪問組件的生命周期鉤子。

下表包含如何在 setup () 內部調用生命周期鉤子:

選項式 APIHook inside setup
beforeCreateNot needed*
createdNot needed*
beforeMountonBeforeMount
mountedonMounted
beforeUpdateonBeforeUpdate
updatedonUpdated
beforeUnmountonBeforeUnmount
unmountedonUnmounted
errorCapturedonErrorCaptured
renderTrackedonRenderTracked
renderTriggeredonRenderTriggered

注釋:少了 activated(激活)、deactivated(停用)、destroyed(銷毀)等生命周期
注釋:多了 unmounted(卸載)、renderTracked(?)、renderTriggered(?)

TIP

因為 setup 是圍繞 beforeCreatecreated 生命周期鉤子運行的,所以不需要顯式地定義它們。換句話說,在這些鉤子中編寫的任何代碼都應該直接在 setup 函數(shù)中編寫。

這些函數(shù)接受一個回調函數(shù),當鉤子被組件調用時將會被執(zhí)行:

export default {
  setup() {
    
    onMounted(() => {
      console.log('Component is mounted!')
    })
  }
}

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多