1、beforeCreate(新對象誕生)
它創建一個Vue類的對象來處理DOM元素。對象的這個生命階段可以通過beforeCreated 掛鈎來訪問 。
可以在這個鈎子中插入我們的代碼,在對象初始化之前執行。
2、created 創建完成
在這個生命階段,對象及其事件完成初始化。 created 是訪問這個階段並編寫代碼的鈎子。
3、beforeMounted(安裝部署前)
在這個階段,它檢查是否有任何模板可用於要在DOM中呈現的對象。如果沒有找到模板,那么它將所定義元素的外部HTML視為模板。在對象部署之前執行
4、mounted (已安裝,DOM已准備就緒並放置在頁面內)
一旦模板准備就緒。它將數據放入模板並創建可呈現元素。用這個新的數據填充元素替換DOM元素。對象部署完成的時候執行
5、beforeUpdate(更改已完成,但尚未准備好更新DOM)
在外部事件/用戶輸入beforeUpdate發生更改時,此鈎子即 在反映原始DOM元素的更改之前被觸發。
6、updated 更新完成(在DOM中呈現更改)
通過實際更新DOM對象並觸發updated,屏幕上的變化得到呈現 。
7、beforeDestroy(對象被釋放之前)
Vue對象被破壞並從內存中釋放之前, deforeDestroy 鈎子被觸發,並允許我們在其中處理我們的自定義代碼。
8、銷毀(對象停止並從內存中刪除)
該 destroyed 鈎子被成功運行銷毀對象上調用。