## 1. 生命周期定義 * **什么是生命周期**：從Vue實例**創建、運行、到銷毀期間**，總是伴隨著各種各樣的事件，這些事件，統稱為生命周期！ * **生命周期鉤子**就是生命周期事件的別名而已； * **生命周期鉤子 = 生命周期函數 = 生命周期事件** * 主要的生命周期函數分類：  ## 2. 生命周期函數 **創建期間的生命周期函數：** ### **2.1 beforeCreate** **實例剛在內存中被創建出來，此時，還沒有初始化好 data 和 methods 屬性** ### **2.2 created** **實例已經在內存中創建OK，** 此時 data 和 methods 已經創建OK，此時還沒有開始 編譯模板 **如果要調用 methods 中的方法，或者操作 data 中的數據，最早，只能在 created 中操作** ### **2.3 beforeMount** 此時已經完成了模板的編譯，但是還沒有掛載到頁面中 ### 2.4 **mounted** 此時，已經將編譯好的模板，掛載到了頁面指定的容器中顯示 ## 3. 運行期間的生命周期函數： ### 3.1 **beforeUpdate** 狀態更新之前執行此函數， 此時 data 中的狀態值是最新的，但是界面上顯示的 數據還是舊的，因為此時還沒有開始重新渲染DOM節點 ### 3.2 **updated** 實例更新完畢之后調用此函數，此時 data 中的狀態值 和 界面上顯示的數據，都已經完成了更新，界面已經被重新渲染好了！ ## **4. 銷毀期間的生命周期函數：** ### 4.1 beforeDestroy 實例銷毀之前調用。在這一步，實例仍然完全可用。 ### 4.2 destroyed Vue 實例銷毀后調用。調用后，Vue 實例指示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子實例也會被銷毀。