簡介
生命周期函數代表的是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
實例上所有東西都會解綁,所有事件都會被移除,所有子元素都會被銷毀。