每個 Vue 實例在被創(chuàng)建時都要經(jīng)過一系列的初始化過程——例如，需要設(shè)置數(shù)據(jù)監(jiān)聽、編譯模板、將實例掛載到 DOM 并在數(shù)據(jù)變化時更新 DOM 等。同時在這個過程中也會運行一些叫做生命周期鉤子的函數(shù)，這給了用戶在不同階段添加自己的代碼的機會。今天跟大家講講Vue的生命周期函數(shù)。

1.beforeCreate

數(shù)據(jù)初始化之前，此時Vue實例在內(nèi)存中被創(chuàng)建，但還未初始化data和methods屬性。

2.created

數(shù)據(jù)初始化之后，Vue實例已經(jīng)被創(chuàng)建完成，此時data和methods也被創(chuàng)建，但是還未進行模板編譯。

3.boforeMount

此時，模板編譯已完成，但還未掛載到頁面中。

4.mounted

此時，已經(jīng)將編譯好的模板添加到了頁面指定的容器中。

5.beforeUpdate

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

6.updated

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

7.beforeDestroy

實例銷毀之前調(diào)用，在這一步，實例仍然完全可用。

8.destroyed

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