Vue03-Vue實例的生命周期
- ? 什么是生命周期:從Vue實例的創(chuàng)建、運行、到銷毀期間,總是伴隨著各種各樣的事件,這些事件就描述了這個Vue的生命周期。
- ? 生命周期鉤子:生命周期事件的別稱
- ? 主要生命周期函數(shù)的分類:
? ? ? ?1.?創(chuàng)建期間的生命周期函數(shù):
? ? ? ? ? ? * beforeCreate:實例剛在內(nèi)存中被創(chuàng)建出來,此時,還沒有初始化好data和methods屬性。
? ? ? ? ? ? * created:實例已經(jīng)在內(nèi)存中創(chuàng)建ok,此時data和methods已經(jīng)創(chuàng)建ok,此時還沒有開始編譯模板。
? ? ? ? ? ? * beforeMount:此時已經(jīng)完成了模板的編譯,但是還沒有掛載到頁面中。
? ? ? ? ? ? * mounted:此時,已經(jīng)將編譯好的模板,掛載到了頁面指定的容器中顯示。
? ? ? 2. 運行期間的生命周期函數(shù):
? ? ? ? ? ? * beforeUpdate:狀態(tài)更新之前執(zhí)行此函數(shù),此時data中的狀態(tài)是最新的,但是界面上顯示的數(shù)據(jù)還是舊的,因為此時還沒有開始重新渲染DOM節(jié)點
? ? ? ? ? ? * updated:實例更新完畢之后調(diào)用此函數(shù),此時data中的狀態(tài)值和界面上顯示的數(shù)據(jù),都完成了更新,界面已經(jīng)被重新渲染好了。
? ? ? 3. 銷毀期間的生命周期函數(shù):
? ? ? ? ? ? * beforeDestory:實例銷毀之前調(diào)用。在這一步,實例仍然安全可用。
? ? ? ? ? ? * destroyed:實例銷毀后調(diào)用。調(diào)用后,Vue實例指示的所有東西都會解綁定,所有的事件監(jiān)聽器會被移除,所有子實例也會被銷毀。
