小程序——App、Page和Component的生命周期

APP生命周期

onLaunch onShow onHide

  /**
   * 当小程序初始化时，触发（全局只触发一次）
   */
  onLaunch: function () {
  
  },
  /**
   * 当小程序启动，或从后台进入前台显示时触发
   */
  onShow:function(options){

  },
  /**
   * 当小程序从前台进入后台时触发
   */
  onHide:function(){

  }

page生命周期

打开页面的加载顺序：onLoad，onShow，onReady
切换页面时只会加载onShow，onHide

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

component生命周期

1、可以直接在Component中定义，
2、2.2.3之后，可以在lifetimes（推荐方式，优先级最高）中定义。
3、一般都是两个都写，确保所有版本兼容
created：创建
attached ：在页面打开
detached：在页面移除

Component({
  /**
   * 生命周期函数
   */
  lifetimes: {
    created:function(){
      //组件被创建时执行
    },
    attached: function () {
      // 在组件实例进入页面节点树时执行
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },
  // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
  created: function () {
    //组件被创建
  },
  attached: function () {
    // 在组件实例进入页面节点树时执行
  },
  detached: function () {
    // 在组件实例被从页面节点树移除时执行
  },
  //...
})