第五课：页面逻辑层*.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");

  },