微信小程序-生命周期函数

onLoad：

  /**
   * 生命周期函数--监听页面加载
   */
  // 打开当前页面就执行，并且只执行一次，从其他页面跳过来时不会执行
  // 常用作列表页跳转详情页，options接受参数
  onLoad: function (options) {
    wx.showToast({
      title: '成功',
      icon:'success',
      duration:2000
    })
  }

 

onShow：

  /**
   * 生命周期函数--监听页面显示
   */
  // 打开当前页面就执行，从其他页面跳过来时还会再执行一次
  // 会对服务器造成一定的压力，因为每到这个页面都会执行一次
  onShow: function () {
    wx.showToast({
      title: '成功',
      icon:'success',
      duration:2000
    })
  }

 

onReady：

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  // 打开当前页面就执行，并且只执行一次，从其他页面跳过来时不再执行
  onReady: function () {
    wx.showToast({
      title: '成功',
      icon:'success',
      duration:2000
    })
  }

 

 

onHide：

  /**
   * 生命周期函数--监听页面隐藏
   */
  // 页面切入后台或隐藏时执行
  // wx.navigateTo()时执行
  // 底部tab选项卡切换时执行
  onHide: function () {
    console.log('onHide')
  }

 

onUnload：

  /**
   * 生命周期函数--监听页面卸载
   */
  // wx.redirectTo()和wx.navigateBack()时执行
  onUnload: function () {
    console.log('onUnload')
  }

 

生命周期函数的执行顺序：

　　onLoad>>onShow>>onReady

 

官方参考文档：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onLoad-Object-query