Vue3的生命周期


1.vue2的生命周期

這時vue2的聲明周期圖示:具體各鈎子函數的作用見官網

2.與Vue2的對比

 

說明:由於2中的beforeCreate和created生命周期的執行幾乎與VUE3中的setup在同一時間執行,所以在2中寫在created和beforeCreate中的代碼可以直接寫在setup()方法中

總之:

  • beforeCreate()和created()構造函數都應該寫在setup()函數中
  • 修改了部分鈎子函數的名稱
  • 新增了兩個鈎子函數

3.新增了調試用的鈎子函數

  • onRenderTracked
  • onRenderTriggered

 4.生命周期調用實例

 

可以看到先從vue中引入了onBeforeMount和onMount兩個鈎子函數,再在setup中調用了該生命周期鈎子函數

 


免責聲明!

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



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