【小程序】页面生命周期、数据绑定与setData数据修改、初改新闻列表Demo

最新推荐文章于 2021-03-17 17:40:00 发布

Milk595

最新推荐文章于 2021-03-17 17:40:00 发布

阅读量1.3k

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43352901/article/details/108036086

版权

本文探讨了小程序中Page实例的生命周期，重点在onLoad函数中获取数据，并详细介绍了数据绑定和setData方法的使用。通过示例代码展示了如何在页面中初始化和更新数据，以及在新闻列表Demo中的应用。

摘要由CSDN通过智能技术生成

页面 Page 实例的生命周期

从服务器获取到的数据一般放在onLoad生命周期函数中
在这里插入图片描述

示例代码

// pages/posts/posts.js
Page({
   
  /**
   * 页面的初始数据
   */
  data: {
   

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
       console.log('onload');
  },

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

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

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

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

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
   

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
   

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
   

  }
})