uni-app頁面生命周執行期順序

這里暫時不考慮應用生命周期

頁面生命周期

• onLoad:監聽頁面加載，其參數為上個頁面傳遞的數據，參數類型為Object（用於頁面傳參）
• onShow:監聽頁面顯示。頁面每次出現在屏幕上都觸發，包括從下級頁面點返回露出當前頁面
• onReady:監聽頁面初次渲染完成。注意如果渲染速度快，會在頁面進入動畫完成前觸發
• onHide:監聽頁面隱藏
• onUnload:監聽頁面卸載

組件生命周期

• beforeCreate:在實例初始化之后被調用
• created:在實例創建完成后被立即調用
• beforeMounte:在掛載開始之前被調用
• mounted:掛載到實例上去之后調用
• beforeUpdate:數據更新時調用，發生在虛擬 DOM 打補丁之前
• updated:由於數據更改導致的虛擬 DOM 重新渲染和打補丁，在這之后會調用該鈎子
• beforeDestory:實例銷毀之前調用。在這一步，實例仍然完全可用
• destoryed:Vue 實例銷毀后調用。

不包含組件的頁面

onLoad -> onShow -> onReady

包含組件的頁面

onLoad -> onShow -> beforeCreate -> created -> beforeMount -> mounted -> onReady

如果頁面的組件還包含了其他的組件,參考Vue組件的生命周期順序即可

從執行的順序可以看出頁面生命周期onReady總是最后一個執行

頁面跳轉

這里只考慮了navigateTo()與redirectTo()

使用navigateTo()

onHide
從下一個頁面返回
onShow

使用redirectTo()

onUnload -> beforeDestory -> destoryed