小程序生命周期函数

  1. 小程序 APP 全局生命周期函数

    //app.js
    App({
      /*
      * 页面一加载就会被调用,只调用一次
      * 可以获取用户信息、获取历史缓存信息、获取小程序打开来源
      * @params options
      */
      onLaunch(options) {
        console.log('APP全局生命周期函数: onLaunch', options);
        // path 访问小程序的路径
        // query打开小程序的参数
        // scene 打开小程序的场景值
      },
    

    /*

    • 页面一加载就会被调用,调用多次
    • 实时动态更改的数据,用户每次进来都要从服务器更新
    • @params options
      */
      onShow(options) {
      console.log('APP全局生命周期函数: onShow', options);
      // path 访问小程序的路径
      // query打开小程序的参数
      // scene 打开小程序的场景值
      },

    /*

    • 页面隐藏时就会被调用
    • 数据保存
    • @params null
      */
      onHide() {
      console.log('APP全局生命周期函数: onHide');
      },

    /*

    • 页面发生错误事会被调用
    • 调试更改错误
    • @params error
      */
      onError(error) {
      console.log('APP全局生命周期函数: onError', error);
      },

    // 全局变量
    globalData: {
    username: 'korea'
    }

    })

  2. 小程序Page页面生命周期函数

    // pages/life-cycle/life-cycle.js
    

    const app = getApp();

    Page({

    /**

    • 页面的初始数据
      */
      data: {
      username: null,
      array:[1, 2, 3, 4]
      },

    /**

    • 生命周期函数--监听页面加载

    */
    onLoad(options) {
    console.log('Page 生命周期函数: onLoad');
    this.setData({
    username: app.globalData.username
    });
    console.log("全局变量", this.data.username);
    },

    /**

    • 生命周期函数--监听页面初次渲染完成
      */
      onReady: function () {
      console.log('Page 生命周期函数: 监听页面初次渲染完成, onReady');
      },

    /**

    • 生命周期函数--监听页面显示
      */
      onShow: function () {
      console.log('Page 生命周期函数: 监听页面显示, onShow');
      },

    /**

    • 生命周期函数--监听页面隐藏
      */
      onHide: function () {
      console.log('Page 生命周期函数: 监听页面隐藏, onHide');
      },

    /**

    • 生命周期函数--监听页面卸载
      */
      onUnload: function () {
      console.log('Page 生命周期函数: 监听页面卸载, onUnload');
      },

    /**

    • 页面相关事件处理函数--监听用户下拉动作
      */
      onPullDownRefresh: function () {
      console.log('Page 生命周期函数: 页面相关事件处理函数--监听用户下拉动作, onPullDownRefresh');
      },

    /**

    • 页面上拉触底事件的处理函数
      */
      onReachBottom: function () {
      console.log('Page 生命周期函数: 页面上拉触底事件的处理函数, onReachBottom');
      },

    /**

    • 用户点击右上角分享
      */
      onShareAppMessage: function () {
      console.log('Page 生命周期函数: 用户点击右上角分享, onShareAppMessage');
      }
      })
原文地址:https://www.cnblogs.com/korea/p/12243467.html