vue.js 2 組件生命周期由以下階段組成:創(chuàng)建:beforecreate、created掛載:beforemount、mounted更新:beforeupdate、updated激活/非激活:activated、deactivated銷毀:beforedestroy、destroyed
Vue.js 2 生命周期
Vue.js 2 組件的生命周期提供了一個(gè)結(jié)構(gòu)化的框架,用于管理組件的創(chuàng)建、更新和銷毀。它由以下階段組成:
創(chuàng)建階段:
beforeCreate:這是生命周期的第一個(gè)鉤子,在組件實(shí)例化之前觸發(fā)。
created:組件實(shí)例創(chuàng)建完成后觸發(fā),但 DOM 尚未掛載。
掛載階段:
beforeMount:在組件掛載到 DOM 之前觸發(fā)。
mounted:組件成功掛載到 DOM 后觸發(fā)。
更新階段:
beforeUpdate:當(dāng)組件 props 或狀態(tài)發(fā)生變化時(shí)觸發(fā),在更新 DOM 之前。
updated:在 DOM 更新完成后觸發(fā)。
激活/非激活階段:
activated:當(dāng)組件被激活(例如,從非活動(dòng)切換到活動(dòng))時(shí)觸發(fā)。
deactivated:當(dāng)組件被非激活(例如,從活動(dòng)切換到非活動(dòng))時(shí)觸發(fā)。
銷毀階段:
beforeDestroy:在組件銷毀之前觸發(fā)。
destroyed:組件銷毀完成后觸發(fā)。
生命周期圖:
[生命周期圖](https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Vue.js_Component_Lifecycle_Diagram.svg/1280px-Vue.js_Component_Lifecycle_Diagram.svg.png)
用途:
Vue.js 2 生命周期鉤子允許開發(fā)人員:
初始化數(shù)據(jù)和方法(created)
操縱 DOM(mounted)
響應(yīng) props 和狀態(tài)更改(beforeUpdate)
銷毀資源(destroyed)
在組件被激活或非激活時(shí)執(zhí)行特定任務(wù)(activated、deactivated)