什么是生命周期

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

生命周期鉤子

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

生命周期函數(shù)分類

• beforeCreate

實例剛在內(nèi)存中被創(chuàng)建出來，此時，還沒有初始化好 data 和 methods 屬性! 復(fù)制代碼

• created

實例已經(jīng)在內(nèi)存中創(chuàng)建成功，data 和 methods 已經(jīng)創(chuàng)建成功，還沒有開始編譯模板! 復(fù)制代碼

• beforeMount

已經(jīng)完成了模板的編譯，但是還沒有掛載到頁面中! 復(fù)制代碼

• mounted

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

• beforeUpdate

狀態(tài)更新之前執(zhí)行此函數(shù)，data中的狀態(tài)值是最新的，但是界面上顯示的 數(shù)據(jù)還是舊的，因為此時還沒有開始重新渲染DOM節(jié)點！ 復(fù)制代碼

• updated

實例更新完畢之后調(diào)用此函數(shù)，data中的狀態(tài)值 和 界面上顯示的數(shù)據(jù)，都已經(jīng)完成了更新，界面已經(jīng)被重新渲染好了！ 復(fù)制代碼

• beforeDestroy

實例銷毀之前調(diào)用,在這一步，實例仍然完全可用! 復(fù)制代碼

• beforeDestroy

Vue 實例銷毀后調(diào)用,調(diào)用后，Vue 實例指示的所有東西都會解綁定，所有的事件監(jiān)聽器會被移除，所有的子實例也會被銷毀! 復(fù)制代碼

轉(zhuǎn)載于:https://juejin.im/post/5d5a0d09518825278d4590d9

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。