簡介
生命周期函數代表的是Vue實例,或者是Vue組件,在網頁中各個生命階段所執行的函數。生命周期函數可以分為創建階段和運行期間以及銷毀期間。其中創建期間的函數有beforeCreate、created、beforeMount、mounted;運行期間的函數有beforeUpdate、updated;銷毀期間有beforeDestroy、destroyed。以下是官方文檔給到的一張圖,從這種圖中我們可以了解到每個部分執行的函數

一、創建期間:
1.1 beforeCreate:
Vue或者組件剛剛實例化,data、methods都還沒有被創建。
1.2 created:
此時data和methods已經被創建,可以使用了。模板還沒有被編譯。
1.3 beforeMount:
created的下一階段。此時模板已經被編譯了,但是並沒有被掛在到網頁中。
1.4 mounted:
模板代碼已經被加載到網頁中了。此時創建期間所有事情都已經准備好了,網頁開始運行了。
二、運行期間:
2.1 beforeUpdate:
在網頁網頁運行期間,data中的數據可能會進行更新。在這個階段,數據只是在data中更新了,但是並沒有在模板中進行更新,因此網頁中顯示的還是之前的。
2.2 updated:
數據在data中更新了,也在網頁中更新了。
三、銷毀期間:
3.1 beforeDestroy:
Vue實例或者是組件在被銷毀之前執行的函數。在這一個函數中Vue或者組件中所有的屬性都是可以使用的。
3.2 destroyed:
Vue實例或者是組件被銷毀后執行的。此時Vue實例上所有東西都會解綁,所有事件都會被移除,所有子元素都會被銷毀。
