VUE生命周期函數


簡介

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

一、創建期間:

1.1 beforeCreate:

Vue或者組件剛剛實例化,datamethods都還沒有被創建。

1.2 created:

此時datamethods已經被創建,可以使用了。模板還沒有被編譯。

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實例上所有東西都會解綁,所有事件都會被移除,所有子元素都會被銷毀。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM