Page

Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

object 参数说明:

属性类型描述
dataObject页面的初始数据
onLoadFunction监听页面加载的生命周期函数
onReadyFunction监听页面初次渲染完成的生命周期函数
onShowFunction监听页面显示的生命周期函数
onHideFunction监听页面隐藏的生命周期函数
onUnloadFunction监听页面卸载的生命周期函数
onPullDownRefreshFunction监听用户下拉动作
onReachBottomFunction页面上拉触底事件的处理函数
onShareAppMessageFunction用户点击右上角转发
onURLQueryChangeFunction监听页面 URL query 改变
onErrorFunction错误监听函数
其他不限开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问

代码示例

  1. Page({
  2. data: {
  3. name: 'swan'
  4. },
  5. onLoad: function () {
  6. },
  7. onReady: function() {
  8. // Do something when page ready.
  9. },
  10. onShow: function() {
  11. // Do something when page show.
  12. },
  13. onHide: function() {
  14. // Do something when page hide.
  15. },
  16. onUnload: function() {
  17. // Do something when page close.
  18. },
  19. onPullDownRefresh: function() {
  20. // Do something when pull down.
  21. },
  22. onReachBottom: function() {
  23. // Do something when page reach bottom.
  24. },
  25. onShareAppMessage: function () {
  26. // return custom share data when user share.
  27. },
  28. onURLQueryChange: function() {
  29. // Do something when url query change.
  30. }
  31. });

智能小程序框架,会将同页面的 .swan 文件与 .js 中定义的 Page 对象中的 data,进行组合渲染。