微信小程序各種生命週期

1. 小程序生命週期

  • onLaunch--監聽小程序初始化 當小程序初始化完成時,會觸發 onLaunch(全局只觸發一次)
  • onShow--監聽小程序顯示 當小程序啓動,或從後臺進入前臺顯示,會觸發 onShow
  • onHide--監聽小程序隱藏 當小程序從前臺進入後臺,會觸發 onHide
  • onError -- 錯誤監聽函數 當小程序發生腳本錯誤,或者 api 調用失敗時,會觸發 onError 並帶上錯誤信息
  • 應用生命週期僅可在App.vue中監聽,在其它頁面監聽無效

2. 頁面生命週期

Page({
  data:{
    },
  onLoad:function(options){ // 用於加載數據,監聽頁面加載,獲取傳遞到本頁面的參數。
    console.log("onLoad");
  },
  onReady:function(){ // 監聽頁面初次渲染完成
    console.log("onReady");
  },
  onShow:function(){ // 用於綁定數據,監聽頁面顯示,SetData()使用
   console.log("onShow");
  },
  onHide:function(){ // 監聽頁面隱藏
     console.log("onHide");
  },
  onUnload:function(){ // 監聽頁面卸載
     console.log("onUnload");
  },
  onPullDownRefresh: function() { // 頁面相關事件處理函數--監聽用戶下拉動做
     console.log("onPullDownRefresh");
  },
  onReachBottom: function() { // 頁面上拉觸底事件的處理函數
     console.log("onReachBottom");
  },
  onShareAppMessage: function () { // 監聽用戶點擊右上角分享
    
  }

})

3. 組件生命週期

  • created — 組件在內存中建立完畢執行
  • attached — 組件掛載以前執行
  • ready — 組件掛載後執行
  • detached — 組件移除執行
  • moved — 組件移動的時候執行vue

    具體說明:
  • created — 組件實例化,但節點樹還未導入,所以這時不能用setData
  • attached — 節點樹完成,能夠用setData渲染節點,但沒法操做節點
  • ready(不是onReady) — 組件佈局完成,這時能夠獲取節點信息,也能夠操做節點
  • moved — 組件實例被移動到樹的另外一個位置
  • detached — 組件實例從節點樹中移除小程序

相關文章
相關標籤/搜索