1.setup取代beforeCreate和created
vue3的組合式api中傍妒,setup中的函數(shù)執(zhí)行相當(dāng)于在選項(xiàng)api中的beforeCreate和created中執(zhí)行
2.組合式api的生命周期需引入使用
除了beforeCreate和created外,其他生命周期的使用都需要提前引入(輕量化)
3.可使用的生命周期
除了beforeCreate和created被setup取代之外彤路,選項(xiàng)式api和組合式api的映射如下:
beforeMount -> onBeforeMount,在掛載前被調(diào)用
mounted -> onMounted昂芜,掛載完成后調(diào)用
beforeUpdate -> onBeforeUpdate哄辣,數(shù)據(jù)更新時(shí)調(diào)用,發(fā)生在虛擬 DOM 打補(bǔ)丁之前正歼。此時(shí)內(nèi)存中的數(shù)據(jù)已經(jīng)被修改辐马,但還沒(méi)有更新到頁(yè)面上
updated -> onUpdated,數(shù)據(jù)更新后調(diào)用局义,此時(shí)內(nèi)存數(shù)據(jù)已經(jīng)修改喜爷,頁(yè)面數(shù)據(jù)也已經(jīng)更新
beforeUnmount -> onBeforeUnmount冗疮,組件卸載前調(diào)用
unmounted -> onUnmounted,卸載組件實(shí)例后調(diào)用贞奋。
errorCaptured -> onErrorCaptured赌厅,每當(dāng)事件處理程序或生命周期鉤子拋出錯(cuò)誤時(shí)調(diào)用
renderTracked -> onRenderTracked,狀態(tài)跟蹤轿塔,vue3新引入的鉤子函數(shù)特愿,只有在開(kāi)發(fā)環(huán)境有用,用于跟蹤所有響應(yīng)式變量和方法勾缭,一旦頁(yè)面有update揍障,就會(huì)跟蹤他們并返回一個(gè)event對(duì)象
renderTriggered -> onRenderTriggered,狀態(tài)觸發(fā)俩由,同樣是vue3新引入的鉤子函數(shù)毒嫡,只有在開(kāi)發(fā)環(huán)境有效,與onRenderTracked的效果類似幻梯,但不會(huì)跟蹤所有的響應(yīng)式變量方法兜畸,只會(huì)定點(diǎn)追蹤發(fā)生改變的數(shù)據(jù),同樣返回一個(gè)event對(duì)象
activated -> onActivated碘梢,與keep-alive一起使用咬摇,當(dāng)keep-alive包裹的組件激活時(shí)調(diào)用
deactivated -> onDeactivated,與keep-alive一起使用煞躬,當(dāng)keep-alive包裹的組件停用時(shí)調(diào)用