最近在整理一些前端面試中經(jīng)常被問(wèn)到的問(wèn)題,分為vue相關(guān)、react相關(guān)、js相關(guān)、react相關(guān)等等專題,可持續(xù)關(guān)注后續(xù)內(nèi)容,會(huì)不斷進(jìn)行整理~
由于Vue3中引入了組合式API的概念,因此在生命周期方面會(huì)有一些變化:
setup階段
????在Vue3中,引入了“setup”階段作為組件的設(shè)置階段,可以通過(guò) onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted 等 API 注冊(cè)生命周期鉤子,分別對(duì)應(yīng)下面的各個(gè)生命周期階段
beforeCreate、created階段
????為了向下兼容和逐步遷移,Vue3仍然保留了beforeCreate和created鉤子,其含義與用法和Vue2中一樣,beforeCreate階段在組件實(shí)例初始化之后、數(shù)據(jù)觀測(cè)和事件配置之前調(diào)用;created階段在實(shí)例創(chuàng)建完成后調(diào)用;
beforeMount、mounted階段
????這兩個(gè)階段與Vue2中含義相同,beforeMount階段在掛載開(kāi)始之前被調(diào)用,此時(shí)組件模板編譯已完成,但尚未掛載到頁(yè)面上;mounted階段已經(jīng)完成了Dom的渲染,可以獲取到Dom元素;文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-810115.html
beforeUnmount、unmounted階段
????這兩個(gè)階段分別對(duì)應(yīng)Vue2中對(duì)應(yīng)的beforeDestroy和destroyed,beforeUnmount階段在卸載開(kāi)始之前被調(diào)用,unmounted階段在卸載完成后被調(diào)用文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-810115.html
到了這里,關(guān)于Vue面試之生命周期(下篇)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!