一起聊聊微信小程序中的生命周期（函数）

App({  /**   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）   */  onLaunch: function () { },  /**   * 当小程序启动，或从后台进入前台显示，会触发 onShow   */  onShow: function (options) { },  /**   * 当小程序从前台进入后台，会触发 onHide   */  onHide: function () { },  /**   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息   */  onError: function (msg) { }})

//index.js//获取应用实例const app = getApp()Page({  /**   * 页面的初始数据   */  data: { },  /**   * 生命周期函数--监听页面加载   */  onLoad: function (options) { },  /**   * 生命周期函数--监听页面初次渲染完成   */  onReady: function () { },  /**   * 生命周期函数--监听页面显示   */  onShow: function () { },  /**   * 生命周期函数--监听页面隐藏   */  onHide: function () { },  /**   * 生命周期函数--监听页面卸载   */  onUnload: function () { },  /**   * 页面相关事件处理函数--监听用户下拉动作   */  onPullDownRefresh: function () { },  /**   * 页面上拉触底事件的处理函数   */  onReachBottom: function () { },  /**   * 用户点击右上角分享   */  onShareAppMessage: function () { }})

lifetimes: {  attached () {    console.log('在组件实例进入页面节点树')  },  detached () {    console.log('在组件实例被从页面节点树移除')  }},attached () {  console.log('~~~~~在组件实例进入页面节点树')},detached () {  console.log('~~~~~在组件实例被从页面节点树移除')},/** * 组件的初始数据 */data: {  // rgb 的颜色值对象  _rgb: {    r: 0,    g: 0,    b: 0  },  // 根据 rgb 对象的三个属性，动态计算 fullColor 的值  fullColor: '0, 0, 0'}