Page

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

object 参数说明：

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

代码示例

  • JS
  1. Page({
  2.     data: {
  3.     name: 'swan'
  4.     },
  5.     onInit: function () {
  6.         // Do something when page init.
  7.     },
  8.     onLoad: function () {
  9.         // Do something when page load.
  10.     },
  11.     onReady: function() {
  12.         // Do something when page ready.
  13.     },
  14.     onShow: function() {
  15.         // Do something when page show.
  16.     },
  17.     onHide: function() {
  18.         // Do something when page hide.
  19.     },
  20.     onUnload: function() {
  21.         // Do something when page close.
  22.     },
  23.     onForceReLaunch() {
  24.         // do something when page force reLaunch
  25.     },
  26.     onPullDownRefresh: function() {
  27.         // Do something when pull down.
  28.     },
  29.     onReachBottom: function() {
  30.         // Do something when page reach bottom.
  31.     },
  32.     onPageScroll: function() {
  33.         // Do something when user slide page.
  34.     },
  35.     onShareAppMessage: function () {
  36.         // return custom share data when user share.
  37.     },
  38.     onTabItemTap: function() {
  39.         // Do something when user click tab.
  40.     },
  41.     onURLQueryChange: function() {
  42.         // Do something when url query change.
  43.     }
  44. });

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