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中調用了該生命周期鈎子函數