微信小程序page页面生命周期详解

通过App()注册完成小程序之后，框架就开始注册页面，同样的Page()也是有生命周期的。当页面注册完成之后，可以在 page.js 文件中调用 getCurrentPage() 方法，获取当前页面对象。以下是page()中函数说明

//index.js
Page({
  data: {
    text: "This is page data."
   //data 是页面第一次渲染使用的初始数据
  },
  onLoad: function(options) {
    // 页面创建时执行，一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数
  },
  onShow: function() {
    // 页面显示/切入前台时触发。
  },
  onReady: function() {
    // 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互
  },
  onHide: function() {
    // 页面隐藏/切入后台时触发。
  },
  onUnload: function() {
    // 页面卸载时触发
  },
  onPullDownRefresh: function() {
    // 监听用户下拉刷新事件。
  },
  onReachBottom: function() {
    // 监听用户上拉触底事件
  },
  onShareAppMessage: function () {
    //监听用户点击页面内转发按钮（button 组件 open-type="share"）或右上角菜单“转发”按钮的行为，并自定义转发内容
  },
  onPageScroll: function() {
    // 监听用户滑动页面事件。
  },
  onResize: function() {
    // 小程序屏幕旋转时触发。
  },
  onTabItemTap(item) {
    // tab 点击时执行
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // 事件响应函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  // 自由数据
  customData: {
    hi: 'MINA'
  }
})