溫馨提示×

uniapp的生命周期執(zhí)行順序是什么

小億
757
2024-01-04 23:31:37
欄目: 編程語言

uni-app 的生命周期執(zhí)行順序如下:

  1. beforeCreate:在實例初始化之后,數(shù)據(jù)觀測(data observer)和事件配置(event/watch)之前被調(diào)用。

  2. created:在實例創(chuàng)建完成后被調(diào)用,此時實例已完成數(shù)據(jù)觀測(data observer),屬性和方法的運算,但還沒有掛載(mounted)到DOM中。

  3. beforeMount:在實例掛載之前被調(diào)用,即將開始編譯模板,并將模板中的數(shù)據(jù)替換為實際數(shù)據(jù)(data)。

  4. mounted:在實例掛載完成后被調(diào)用,此時實例已經(jīng)被掛載到DOM中,可以進行DOM操作。

  5. beforeUpdate:在響應(yīng)式數(shù)據(jù)更新之前被調(diào)用,發(fā)生在虛擬DOM重新渲染和打補丁之前。

  6. updated:在虛擬DOM重新渲染和打補丁之后被調(diào)用,此時組件已經(jīng)更新完成,可以進行操作。

  7. beforeDestroy:在實例銷毀之前被調(diào)用,此時實例仍然完全可用。

  8. destroyed:在實例銷毀之后被調(diào)用,此時實例所有的指令和觀察者都已被解綁,所有的事件監(jiān)聽器都已被移除。

需要注意的是,以上生命周期鉤子函數(shù)在使用 uni-app 編寫的小程序、H5、App、微信小程序和支付寶小程序中會有些許差異,具體可以根據(jù)實際開發(fā)需求進行調(diào)整。

0