小程序-----生命周期

242 阅读1分钟

小程序

--page---生命周期/相关事件处理函数

//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // Do some initialize when page load.页面加载时是否初始化?
  },
  onReady: function() {
    // Do something when page ready.当页面准备好时做一些事情。
  },
  onShow: function() {
    // Do something when page show.在页面显示时做一些事情。
  },
  onHide: function() {
    // Do something when page hide.在页面隐藏时做一些事情。
  },
  onUnload: function() {
    // Do something when page close.在页面关闭时做一些事情。
  },
  onPullDownRefresh: function() {
    // Do something when pull down.页面相关事件处理函数--监听用户下拉动作
  },
  onReachBottom: function() {
    // Do something when page reach bottom.当页面到达底部时做一些事情。
  },
  onShareAppMessage: function () {
   // return custom share data when user share.当用户共享时返回自定义共享数据
  },
  onPageScroll: function() {
    // Do something when page scroll在页面滚动时做点什么?
  },
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // Event handler.事件处理程序。
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback这是setData回调
    })
  },
  customData: {
    hi: 'MINA'
  }
})

注意:

  1. 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致。
  2. 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。
  3. 请不要把 data 中任何一项的 value 设为 undefined ,否则这一项将不被设置并可能遗留一些潜在问题。