微信小程序生命周期

在app.js文件中 ， 定义了一些生命周期方法 ， onLaunch，onShow，onHide，onError，以及任意开发者添加的函数或者数据（通过this可以访问）

以下是各个生命周期方法作用和描述
onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
onShow 生命周期函数--监听小程序显示 当小程序启动，或从后台进入前台显示，会触发 onShow
onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台，会触发 onHide
onError 错误监听函数 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

App({
//全局只触发一次
  onLaunch: function (options) {
    console.log("app.js ---onLaunch---" + JSON.stringify(options));
  },
  onShow:function(){
    console.log("app.js ---onShow---");
  },
  onHide:function(){
    console.log("app.js ---onHide---");
  },
  onError: function (msg){
    console.log("app.js ---onError---" + msg);
  },
  globalData: {
    userInfo: null
  }
})

依次打印

微信图片_20190621181411.png

在page页面中定义的生命周期方法

onLoad 生命周期函数--监听页面加载
onReady 生命周期函数--监听页面初次渲染完成
onShow 生命周期函数--监听页面显示
onHide 生命周期函数--监听页面隐藏
onUnload 生命周期函数--监听页面卸载

//生命周期函数--监听页面加载 
 onLoad: function(options) {
    console.log('onLoad------------------------')
  },
//生命周期函数--监听页面初次渲染完成
  onReady: function() {
    console.log('onReady------------------------')
  },
//生命周期函数--监听页面显示
  onShow: function() {
    console.log('onShow------------------------')
  },
//生命周期函数--监听页面隐藏
  onHide: function() {
    console.log('onHide------------------------')
  },
 //生命周期函数--监听页面卸载
  onUnload: function() {
    console.log('onUnload------------------------')
  },

依次打印

微信图片_20190624095416.png

前后台切换会分别执行onHide和onShow方法，
当小程序页面销毁时会执行 onUnload方法