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結構仍然存在。