當前位置:成語大全網 - 書法字典 - vue的生命周期是怎樣的?

vue的生命周期是怎樣的?

Vue的生命周期分為八個階段:創建前/後、加載前/後、更新前/後和銷毀前/後。

1,創建前(創建前)

這意味著在完全創建實例之前,vue實例的掛載元素$el和數據對象數據是未定義的,並且尚未初始化。

2.已創建(創建後)

數據對象數據已經存在。您可以調用方法來操作數據中的數據,但是不會生成dom,也不存在$ TERM。

3.裝載前(裝載前)

vue實例的$el和數據已經初始化,它們在掛載之前是虛擬dom節點。模板已在內存中編輯過,但尚未呈現到頁面中。Data.message未被替換。

4.已安裝(安裝後)

vue實例的裝載已完成,data.message已成功呈現。內存中的模板已經實際安裝在頁面中,用戶已經可以看到呈現的頁面。執行mounted時,實例創建過程中的最後壹個生命周期函數表示實例已完全創建,並且已在mounted中完成DOM呈現。

5.更新前(更新前)

當數據更改時,將觸發beforeUpdate方法。數據數據尚未與最新數據同步。

6.已更新(已更新)

當數據更改時,會觸發更新的方法。頁面和數據數據已同步。

7.毀滅前(毀滅前)

在組件被銷毀之前調用。在這壹步,實例仍然完全可用。

8.被破壞(破壞後)

在組件銷毀後調用,對數據的更改不會觸發周期函數,vue的實例已從事件監視和dom綁定中釋放,但dom結構仍然存在。