微信小程序page/页面构造器/声明周期

一个小程序可以有很多页面，每个页面承载不同的功能，页面之间可以互相跳转。

页面构造器

 

Page({
  data: { text: "This is page data." },
  onLoad: function(options) { },
  onReady: function() { },
  onShow: function() { },
  onHide: function() { },
  onUnload: function() { },
  onPullDownRefresh: function() { },
  onReachBottom: function() { },
  onShareAppMessage: function () { },
  onPageScroll: function() { }
})

 

生命周期

onLoad：生命周期函数--监听页面加载，触发时机早于onShow和onReady

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

onShow：生命周期函数--监听页面显示，触发事件早于onReady

onHide：生命周期函数--监听页面隐藏（例如手机点击home键程序不退出）

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

 onLoad() {
    console.log("onLoad--生命周期函数--监听页面加载，触发时机早于onShow和onReady");
  },
  onReady(){
    console.log("onReady--生命周期函数--监听页面初次渲染完成");
  },
  onShow(){
    console.log("onShow--生命周期函数--监听页面显示，触发事件早于onReady");
  },
  onHide(){
    console.log("onHide--生命周期函数--监听页面隐藏");
  },
  onUnload(){
    console.log("onUnload--生命周期函数--监听页面卸载");
  },