页面生命周期

  • onLoad ：页面加载时
  • onReady：页面所有内容加载完毕
  • onShow：页面显示的时候触发
  • onHide：当页面被隐藏时触发
  • onUnload：当页面卸载是触发

组件生命周期

Component({
   
  lifetimes: {
   
      created: function() {
   
      	//在组件实例刚刚被创建时执行
    	},
        attached: function() {
   
		//在组件实例进入页面节点树时执行
	    },
        ready: function() {
   
      // 在组件在视图层布局完成后执行
	    },
        moved: function() {
   
      // 在组件实例被移动到节点树另一个位置时执行
	    },
	    detached: function() {
   
	      // 在组件实例被从页面节点树移除时执行
	    },
	    error: function() {
   
	      // 每当组件方法抛出错误时执行
	    },
  },
  // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
  attached: function() {
   
    // 在组件实例进入页面节点树时执行
  },
  detached: function() {
   
    // 在组件实例被从页面节点树移除时执行
  },
  // ...
})

组件所在页面的生命周期

Component({
   
  pageLifetimes: {
   
    show: function() {
   
      // 页面被展示
    },
    hide: function() {
   
      // 页面被隐藏
    },
    resize: function(size) {
   
      // 页面尺寸变化
    }
  }
})