微信小程序开发之生命周期

入口文件app.js 生命周期

//app.js
App({ 
 onLaunch: function () {
  console.log("当小程序初始化完成时，会触发 onLaunch（全局只触发一次）");
 },
 onShow: function (options) {
  console.log("当小程序启动，或从后台进入前台显示，会触发 onShow");
 },
 onHide: function () {
  console.log("当小程序从前台进入后台，会触发 onHide");
 },
 onError: function (msg) {
  console.log("当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息");
 }
})

page页生命周期

  onLoad(options) {
    console.log('onLoad监听页面加载,options为接收参数');
  }
  onReady() {
    console.log('onReady监听页面初次渲染完成');
  }
  onShow() {
    console.log('onShow监听页面显示');
  }
  onHide() {
    console.log('onHide监听页面隐藏');
  }
  onUnload() {
    console.log('onUnload监听页面卸载');
  }
  //其他触发事件，部分需要在app.json的 window 选项中或页面配置
  {
   "enablePullDownRefresh": true,  //开启下拉触发onPullDownRefresh
   "onReachBottomDistance": 50  //设置加载时距离底部的距离，小于5该值不触发onReachBottom
  }
  onPullDownRefresh(){
	console.log('监听用户下拉动作')
  }
  onReachBottom(){
  	console.log('页面上拉触低事件，即页面拉到最底部')
  }
  onShareAppMessage(){
	console.log('用户点击右上角转发')
  }
  onPageScroll(){
	console.log('页面滚动触发事件的处理函数')
  }
  onTabItemtap(){
	console.log('当前是tab页时,点击tab时触发')
  }

组件生命周期

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