什么是生命周期

從Vue實例創建、運行到銷毀期間伴隨著各種各樣的事件，這些事件的過程稱為生命周期。 復制代碼

生命周期鉤子

生命周期的過程中發生的事件，別名**（鉤子）**。 復制代碼

生命周期函數分類

• beforeCreate

實例剛在內存中被創建出來，此時，還沒有初始化好 data 和 methods 屬性! 復制代碼

• created

實例已經在內存中創建成功，data 和 methods 已經創建成功，還沒有開始編譯模板! 復制代碼

• beforeMount

已經完成了模板的編譯，但是還沒有掛載到頁面中! 復制代碼

• mounted

已經將編譯好的模板，掛載到了頁面指定的容器中顯示! 復制代碼

• beforeUpdate

狀態更新之前執行此函數，data中的狀態值是最新的，但是界面上顯示的 數據還是舊的，因為此時還沒有開始重新渲染DOM節點！ 復制代碼

• updated

實例更新完畢之后調用此函數，data中的狀態值 和 界面上顯示的數據，都已經完成了更新，界面已經被重新渲染好了！ 復制代碼

• beforeDestroy

實例銷毀之前調用,在這一步，實例仍然完全可用! 復制代碼

• beforeDestroy

Vue 實例銷毀后調用,調用后，Vue 實例指示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子實例也會被銷毀! 復制代碼

轉載于:https://juejin.im/post/5d5a0d09518825278d4590d9

總結

以上是生活随笔為你收集整理的vue生命周期大白话篇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。