微信小程序生命週期適應的場景

1、onLoad

• 頁面加載時執行的初始化操做
• 一個頁面只會調用一次
• 參數能夠獲取wx.navigateTo 和 wx.redirectTo 以及標籤中的query

let showReserveTimesBar = true
 wx.navigateTo({
    url: '/pages/chooseDate/chooseDate?showReserveTimesBar=' + showReserveTimesBar
 })
複製代碼

onLoad: function (options) {
    console.log(options.showReserveTimesBar)
  },
複製代碼

2、onReady

• 一個頁面只會調用一次
• 表明頁面已經準備穩當，能夠和視圖層進行交互
• 對頁面的設置（好比：wx.setNavigationBarTitle）請在onReady以後設置

3、onShow

• 頁面顯示時執行的操做
• 每次打開頁面都會調用一次

4、onHide

• 是頁面隱藏時的執行的操做
• 能夠在navigateTo 或底部進行tab切換時進行調用
• 在退出頁面時能夠關閉定時器

5、onUnload

• tab 頁面之間的切換，不會讓頁面從新加載；也就不會卸載，只會隱藏與顯示
• 在進行navigatorTo 跳轉到目標頁面會被加載；跳轉以前的頁面會被隱藏；
• 回退時navigatorBack,目標頁面會顯示（而不是加載）回退以前的頁面會被卸載（unload）

Page({

  /**
   * 頁面的初始數據
   */
  data: {

  },

  /**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {

  },

  /**
   * 生命週期函數--監聽頁面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命週期函數--監聽頁面顯示
   */
  onShow: function () {

  },

  /**
   * 生命週期函數--監聽頁面隱藏
   */
  onHide: function () {

  },

  /**
   * 生命週期函數--監聽頁面卸載
   */
  onUnload: function () {

  }
})

複製代碼