第五课:页面逻辑层*.js介绍

1、系统自动创建的页面内容如下:

Page({

  /**

   * 页面的初始数据,data用于存放页面数据

   */

  data: {

  },

  /**

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

   */

  onLoad: function (options) {

  },

  /**

   * 生命周期函数--监听页面初次渲染完成

   */

  onReady: function () {

  },

  /**

   * 生命周期函数--监听页面显示

   */

  onShow: function () {

  },

  /**

   * 生命周期函数--监听页面隐藏

   */

  onHide: function () {

  },

  /**

   * 生命周期函数--监听页面卸载

   */

  onUnload: function () {

  },

})

2、添加log信息,体验小程序页面的生命周期

/**

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

   */

  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("onUnload");

  },


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容