Vue.js 的生命周期是指在 Vue.js 對象被創建、更新、渲染和銷毀時會觸發的一系列事件。它們可以被用來在對象被創建時執行一些初始化的工作,或者在對象被銷毀時執行清理工作。
Vue.js 的生命周期可以分為兩大類:初始化階段和更新階段。
初始化階段
初始化階段是指 Vue.js 對象被創建時會觸發的一系列事件。它們包括:
- beforeCreate:Vue.js 對象剛剛被創建時會觸發,此時對象的 data 和 methods 還沒有被初始化。
- created:Vue.js 對象剛剛被創建完成時會觸發,此時對象的 data 和 methods 已經被初始化完成,但是對象還沒有被渲染。
- beforeMount:Vue.js 對象即將被渲染時會觸發,此時對象已經被創建完成,但是對象還沒有被渲染。
- mounted:Vue.js 對象剛剛被渲染完成時會觸發,此時對象已經被創建完成並且被渲染完成。
更新階段
更新階段是指 Vue.js 對象被更新時會觸發的一系列事件。它們包括:
- beforeUpdate:Vue.js 對象即將被更新時會觸發,此時對象的 data 和 methods 已經被更新,但是對象還沒有被重新渲染。
- updated:Vue.js 對象剛剛被更新完成時會觸發,此時對象的 data 和 methods 已經被更新並且被重新渲染完成。
銷毀階段
銷毀階段是指 Vue.js 對象被銷毀時會觸發的一系列事件。它們包括:
- beforeDestroy:Vue.js 對象即將被銷毀時會觸發,此時對象的 data 和 methods 還沒有被銷毀。
- destroyed:Vue.js 對象剛剛被銷毀完成時會觸發,此時對象的 data 和 methods 已經被銷毀完成。
總結來說,Vue.js 的生命周期是指在 Vue.js 對象被創建、更新、渲染和銷毀時會觸發的一系列事件,它們可以被用來在對象被創建時執行一些初始化的工作,或者在對象被銷毀時執行清理工作。