vue.js 2 組件生命周期由以下階段組成:創(chuàng)建:beforecreate、created掛載:beforemount、mounted更新:beforeupdate、updated激活/非激活:activated、deactivated銷毀:beforedestroy、destroyed
Vue.js 2 生命周期
Vue.js 2 組件的生命周期提供了一個結(jié)構(gòu)化的框架,用于管理組件的創(chuàng)建、更新和銷毀。它由以下階段組成:
創(chuàng)建階段:
beforeCreate:這是生命周期的第一個鉤子,在組件實例化之前觸發(fā)。
created:組件實例創(chuàng)建完成后觸發(fā),但 DOM 尚未掛載。
掛載階段:
beforeMount:在組件掛載到 DOM 之前觸發(fā)。
mounted:組件成功掛載到 DOM 后觸發(fā)。
更新階段:
beforeUpdate:當(dāng)組件 props 或狀態(tài)發(fā)生變化時觸發(fā),在更新 DOM 之前。
updated:在 DOM 更新完成后觸發(fā)。
激活/非激活階段:
activated:當(dāng)組件被激活(例如,從非活動切換到活動)時觸發(fā)。
deactivated:當(dāng)組件被非激活(例如,從活動切換到非活動)時觸發(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)
在組件被激活或非激活時執(zhí)行特定任務(wù)(activated、deactivated)