vue.js 2 組件生命周期由以下階段組成:創建:beforecreate、created掛載:beforemount、mounted更新:beforeupdate、updated激活/非激活:activated、deactivated銷毀:beforedestroy、destroyed
Vue.js 2 生命周期
Vue.js 2 組件的生命周期提供了一個結構化的框架,用于管理組件的創建、更新和銷毀。它由以下階段組成:
創建階段:
beforeCreate:這是生命周期的第一個鉤子,在組件實例化之前觸發。
created:組件實例創建完成后觸發,但 DOM 尚未掛載。
掛載階段:
beforeMount:在組件掛載到 DOM 之前觸發。
mounted:組件成功掛載到 DOM 后觸發。
更新階段:
beforeUpdate:當組件 props 或狀態發生變化時觸發,在更新 DOM 之前。
updated:在 DOM 更新完成后觸發。
激活/非激活階段:
activated:當組件被激活(例如,從非活動切換到活動)時觸發。
deactivated:當組件被非激活(例如,從活動切換到非活動)時觸發。
銷毀階段:
beforeDestroy:在組件銷毀之前觸發。
destroyed:組件銷毀完成后觸發。
生命周期圖:
[生命周期圖](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 生命周期鉤子允許開發人員:
初始化數據和方法(created)
操縱 DOM(mounted)
響應 props 和狀態更改(beforeUpdate)
銷毀資源(destroyed)
在組件被激活或非激活時執行特定任務(activated、deactivated)