什么是生命周期

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

生命周期鉤子

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

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

• beforeCreate

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

• created

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

• beforeMount

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

• mounted

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

• beforeUpdate

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

• updated

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

• beforeDestroy

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

• beforeDestroy

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

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

總結(jié)

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

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