uni-app生命週期整理

應用生命週期

詳細地址：https://uniapp.dcloud.io/collocation/frame/lifecycle

應用生命週期僅可在App.vue中監聽，在其它頁面監聽無效。

函數	說明
onLaunch	當uni-app 初始化完成時觸發（全局只觸發一次）
onShow	當 uni-app 啓動，或從後臺進入前臺顯示
onHide	當 uni-app 從前臺進入後臺
onError	當 uni-app 報錯時觸發
onUniNViewMessage	對 nvue 頁面發送的數據進行監聽，可參考 nvue 向 vue 通信
onUnhandledRejection	對未處理的 Promise 拒絕事件監聽函數（2.8.1+）
onPageNotFound	頁面不存在監聽函數
onThemeChange	監聽系統主題變化

頁面生命週期

函數名	說明
onLoad	監聽頁面加載，其參數爲上個頁面傳遞的數據，參數類型爲Object（用於頁面傳參）
onShow	監聽頁面顯示。頁面每次出如今屏幕上都觸發，包括從下級頁面點返回露出當前頁面
onReady	監聽頁面初次渲染完成。注意若是渲染速度快，會在頁面進入動畫完成前觸發
onHide	監聽頁面隱藏
onUnload	監聽頁面卸載
onResize	監聽窗口尺寸變化 App、微信小程序
onPullDownRefresh	監聽用戶下拉動做，通常用於下拉刷新
onReachBottom	頁面滾動到底部的事件（不是scroll-view滾到底）
onTabItemTap	點擊 tab 時觸發，參數爲Object
onShareAppMessage	用戶點擊右上角分享
onPageScroll	監聽頁面滾動，參數爲Object
onNavigationBarButtonTap	監聽原生標題欄按鈕點擊事件，參數爲Object
onBackPress	監聽頁面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示來源是左上角返回按鈕或 android 返回鍵；navigateBack表示來源是 uni.navigateBack ；詳細說明及使用：onBackPress 詳解。支付寶小程序只有真機能觸發，只能監聽非navigateBack引發的返回，不可阻止默認行爲。
onNavigationBarSearchInputChanged	監聽原生標題欄搜索輸入框輸入內容變化事件
onNavigationBarSearchInputConfirmed	監聽原生標題欄搜索輸入框搜索事件，用戶點擊軟鍵盤上的「搜索」按鈕時觸發。
onNavigationBarSearchInputClicked	監聽原生標題欄搜索輸入框點擊事件
onShareTimeline	監聽用戶點擊右上角轉發到朋友圈
onAddToFavorites	監聽用戶點擊右上角收藏

組件生命週期

函數名	說明
beforeCreate	在實例初始化以後被調用
created	在實例建立完成後被當即調用。
beforeMount	在掛載開始以前被調用。
mounted	掛載到實例上去以後調用。
beforeUpdate	數據更新時調用，發生在虛擬 DOM 打補丁以前。
updated	因爲數據更改致使的虛擬 DOM 從新渲染和打補丁，在這以後會調用該鉤子。
beforeDestroy	實例銷燬以前調用。在這一步，實例仍然徹底可用。
destroyed	Vue實例銷燬後調用。調用後，Vue 實例指示的全部東西都會解綁定，全部的事件監聽器會被移除，全部的子實例也會被銷燬。