[微信小程序]微信小程序学习(六)——App、page、component生命周期

App(Object object)

注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。
App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

App({
  onLaunch (options) {
    // 小程序初始化完成时触发，全局只触发一次。
  },
  onShow (options) {
    // 小程序启动，或从后台进入前台显示时触发。
  },
  onHide () {
    // 小程序从前台进入后台时触发。
  },
  onError (msg) {
    //小程序发生脚本错误或 API 调用报错时触发。
    console.log(msg)
  },
  onPageNotFound(Object object){
	wx.redirectTo({
      url: 'pages/...'
    }) // 如果是 tabbar 页面，请使用 wx.switchTab
  }
  globalData: 'I am global data'
}) 

page 生命周期

// pages/index/index.js
Page({ 
  data: {  //页面的初始数据
  
  },  
  onLoad: function (options) {
    //生命周期函数--监听页面加载

  }, 
  onReady: function () {
    //生命周期函数--监听页面初次渲染完成	
  
  }, 
  onShow: function () {
	//生命周期函数--监听页面显示
	
  }, 
  onHide: function () {
	//生命周期函数--监听页面隐藏

  }, 
  onUnload: function () {
	//生命周期函数--监听页面卸载
	
  }, 
  onPullDownRefresh: function () {
	//页面相关事件处理函数--监听用户下拉动作
	
  }, 
  onReachBottom: function () {
	//页面上拉触底事件的处理函数
  }, 
  onShareAppMessage: function () {
	//用户点击右上角分享
  }
})

component 生命周期

Component({ 
 behaviors: [],  // 是用于组件间代码共享的特性
 properties: {// 属性定义
   myProperty: { // 属性名
     type: String,
     value: ''
   },
   myProperty2: String, // 简化的定义方式
   min: {
      type: Number,
      value: 0,
      observer: function(newVal, oldVal) {
        // 属性值变化时执行,相当于计算属性 computed
      }
    }
 },
 data: {}, // 私有数据，可用于模板渲染 
 lifetimes: {
   // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
   attached: function () { },
   moved: function () { },
   detached: function () { },
 }, 
 // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
 attached: function () { }, // 此处attached的声明会被lifetimes字段中的声明覆盖
 ready: function() { }, 
 pageLifetimes: {
   // 组件所在页面的生命周期函数
   show: function () { },
   hide: function () { },
   resize: function () { },
 },
  methods: {
}
  // ...
})