Uni-app頁面生命周期和應用生命周期

學習任何框架必須將其生命周期了然於胸.

uni-app支持如下頁面生命周期函數:

onLoad	監聽頁面加載,其參數為上個頁面傳遞的數據,參數類型為object(用於頁面傳參),示例中可參考
onShow	監聽頁面顯示
onReady	監聽頁面初次渲染完成
onHide	監聽頁面隱藏
onUnload	監聽頁面卸載
onPullDownRefresh	監聽用戶下拉動作
onReachBottom	頁面上拉觸底事件的處理函數
onShareAppMessage	用戶點擊右上角分享  微信小程序
onPageScroll	監聽頁面滾動
onTabItemTap	當前是tab頁時,點擊tab觸發

使用示例代碼:

<script>
export default {
 data: {
  title: 'Hello'
 },
 onLoad:function(options){
  console.log("onLoad");
 },
 onHide:function(){
  console.log("onHide");
 },
 onShow:function(){
  console.log("onShow");
 }
}
</script>

 應用生命周期函數：

函數名	說明
onLaunch	當uni-app初始化完成時觸發（全局只觸發一次）
onShow	當uni-app啟動，或從后台進入前台顯示
onHide	當uni-app從前台進入后台
onUniNViewMessage	對nvue頁面發送的數據進行監聽