這里暫時不考慮應用生命周期
頁面生命周期
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
