vue的八個生命周期


1、beforeCreate: 創建Vue實例之前(只有默認的一些生命周期和默認的一些事件,data和methods還沒有被初始化)

2、Create: 數據已經在data方法中初始化了,計算屬性,事件回調都已經完成,只不過dom並未掛載
掛載之前回進行得操作會找是否有需要掛載得el對象,有的話判斷是否有template模板,有得話那么將模板轉化為render函數,通過render函數去渲染DOM樹
如果都沒有得話,直接把最外層得el對象作為html得模板(data和methods已經被初始化了,最早可以調用到方法和數據的地方就是created)

3、beforeMount:render方法首次被調用生成虛擬DOM(在內存中已經渲染好了模板但並未掛載到頁面中此時的頁面還是舊頁面)

4、mounted:掛載已經完成了,dom樹已經完成渲染到頁面中得,所以在這時我們可以對真實dom進行操作了(把內存中的模板替換到網頁上,此時已經生成真實的dom了)

5、beforeUpdate:數據有更新,更新之前調用(data數據已經更新為最新的數據,頁面的數據還是舊的)

6、updated:數據更新之后(頁面數據和data數據均被更新)

7、beforeDestroy:實例銷毀前(進入銷毀階段,此時所有的data和methods還未被銷毀,處於可用狀態)

8、destroyed:組件銷毀之后(銷毀完成,所有的數據,方法,指令、過濾器都被銷毀,不可使用了)


免責聲明!

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



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