原文地址 v3.cn.
你可以通過在生命周期鉤子前面加上 “on” 來訪問組件的生命周期鉤子。
下表包含如何在 setup () 內(nèi)部調(diào)用生命周期鉤子:
選項式 API | Hook inside setup |
---|
beforeCreate | Not needed* | created | Not needed* | beforeMount | onBeforeMount | mounted | onMounted | beforeUpdate | onBeforeUpdate | updated | onUpdated | beforeUnmount | onBeforeUnmount | unmounted | onUnmounted | errorCaptured | onErrorCaptured | renderTracked | onRenderTracked | renderTriggered | onRenderTriggered |
注釋:少了 activated(激活)、deactivated(停用)、destroyed(銷毀)等生命周期
注釋:多了 unmounted(卸載)、renderTracked(?)、renderTriggered(?)
TIP
因為 setup 是圍繞 beforeCreate 和 created 生命周期鉤子運行的,所以不需要顯式地定義它們。換句話說,在這些鉤子中編寫的任何代碼都應(yīng)該直接在 setup 函數(shù)中編寫。
這些函數(shù)接受一個回調(diào)函數(shù),當鉤子被組件調(diào)用時將會被執(zhí)行:
export default {
setup() {
onMounted(() => {
console.log('Component is mounted!')
})
}
}
|