# Page(Object object)
注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。
# 参数
# Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| data | Object | 页面的初始数据 | ||
| options | Object | 页面的组件选项，同 Component 构造器 中的 options ，需要基础库版本 2.10.1 | ||
| behaviors | String Array | 类似于mixins和traits的组件间代码复用机制，参见 behaviors，需要基础库版本 2.9.2 | ||
| onLoad | function | 生命周期回调—监听页面加载 | ||
| onShow | function | 生命周期回调—监听页面显示 | ||
| onReady | function | 生命周期回调—监听页面初次渲染完成 | ||
| onHide | function | 生命周期回调—监听页面隐藏 | ||
| onUnload | function | 生命周期回调—监听页面卸载 | ||
| onRouteDone | function | 生命周期回调—监听路由动画完成 | ||
| onPullDownRefresh | function | 监听用户下拉动作 | ||
| onReachBottom | function | 页面上拉触底事件的处理函数 | ||
| onShareAppMessage | function | 用户点击右上角转发 | ||
| onShareTimeline | function | 用户点击右上角转发到朋友圈 | ||
| onAddToFavorites | function | 用户点击右上角收藏 | ||
| onPageScroll | function | 页面滚动触发事件的处理函数 | ||
| onResize | function | 页面尺寸改变时触发，详见 响应显示区域变化 | ||
| onTabItemTap | function | 当前是 tab 页时，点击 tab 时触发 | ||
| onSaveExitState | function | 页面销毁前保留状态回调 | ||
| 其他 | any | 开发者可以添加任意的函数或数据到 Object 参数中，在页面的函数中用 this 可以访问。这部分属性会在页面实例创建时进行一次深拷贝。 |
# 示例代码
___JX5_PROTECTED_code_7___
# data
data 是页面第一次渲染使用的初始数据。
页面加载时，data 将会以JSON字符串的形式由逻辑层传至渲染层，因此data中的数据必须是可以转成JSON的类型：字符串，数字 樱花视频高清，布尔值，对象，数组。
渲染层可以通过 WXML 对数据进行绑定。
示例代码：
___JX5_PROTECTED_code_13___
___JX5_PROTECTED_code_14___
# 生命周期回调函数
生命周期的触发以及页面的路由方式详见
# onLoad(Object query)
页面加载时触发，一个页面只会调用一次 樱花视频，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
参数：
| 名称 | 类型 | 说明 |
|---|---|---|
| query | Object | 打开当前页面路径中的参数 |
# onShow()
页面显示/切入前台时触发。
# onReady()
页面初次渲染完成时触发，一个页面只会调用一次 樱花视频在线，代表页面已经准备妥当，可以和视图层进行交互。
注意：对界面内容进行设置的 API 如wx，setNavigationBarTitle，请在onReady之后进行。详见生命周期 樱花视频高清。
樱花视频免费观看 - # onHide()
页面隐藏/切入后台时触发。 如 wx 樱花视频免费观看，navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。。
# onUnload()
页面卸载时触发。如wx，redirectTo或wx，navigateBack到其他页面时。 樱花视频网站。
# onRouteDone()
路由动画完成时触发。如 wx，navigateTo 页面完全推入后 或 wx，navigateBack 页面完全恢复时。 樱花视频。
# 页面事件处理函数
"樱花视频" # onPullDownRefresh()
监听用户下拉刷新事件。
- 需要在
app.json的window选项中或页面配置中开启enablePullDownRefresh。 - 可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
- 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
樱花视频在线 - # onReachBottom()
监听用户上拉触底事件。
- 可以在
app.json的"樱花视频网站" window选项中或页面配置中设置触发距离onReachBottomDistance。 - 在触发距离内滑动期间，本事件只会被触发一次。
# onPageScroll(Object object)
监听用户滑动页面事件。
参数 Object object:
| 属性 | 类型 | 说明 |
|---|---|---|
| scrollTop | Number | 页面在垂直方向已滚动的距离（单位px） |
注意：请只在需要的时候才在 page 中定义此方法，不要定义空方法 樱花视频在线，以减少不必要的事件派发对渲染层-逻辑层通信的影响， 注意：请避免在 onPageScroll 中过于频繁的执行 setData 等引起逻辑层-渲染层通信的操作，尤其是每次传输大量数据，会影响通信耗时。
# onAddToFavorites(Object object)
本接口为 Beta 版本，安卓 7 樱花视频高清，0，15 版本起支持，暂只在安卓平台支持.
监听用户点击右上角菜单“收藏”按钮的行为 樱花视频免费观看，并自定义收藏内容。
参数 Object object:
此事件处理函数需要 return 一个 Object，用于自定义收藏内容：
| 字段 | 说明 | 默认值 |
|---|---|---|
| title | 自定义标题 | 页面标题或账号名称 |
| imageUrl | 自定义图片，显示图片长宽比为 1：1 | 页面截图 |
| query | 自定义query字段 | 当前页面的query |
示例代码
___JX5_PROTECTED_code_24___
"樱花视频免费观看" # onShareAppMessage(Object object)
监听用户点击页面内转发按钮（button 组件 open-type="share"）或右上角菜单“转发”按钮的行为，并自定义转发内容。
注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮
参数 Object object:
| 参数 | 类型 | 说明 | 最低版本 |
|---|---|---|---|
| from | String | 转发事件来源。button：页面内转发按钮；menu：右上角转发菜单 | 1.2.4 |
| target | Object | 如果 from 值是 button，则 target 是触发这次转发事件的 button，否则为 undefined | 1.2.4 |
| webViewUrl | String | 页面中包含web-view组件时，返回当前web-view的url | 1.6.4 |
此事件处理函数需要 return 一个 Object，用于自定义转发内容，返回内容如下：
自定义转发内容 基础库 2.8.1 起，分享图支持云图片。
| 字段 | 说明 | 默认值 | 最低版本 |
|---|---|---|---|
| title | 转发标题 | 当前小程序名称 | |
| path | 转发路径 | 当前页面 path ，必须是以 / 开头的完整路径 | |
| imageUrl | 自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。 | 使用默认截图 | 1.5.0 |
| promise | 如果该参数存在，则以 resolve 结果为准，如果三秒内不 resolve，分享会使用上面传入的默认参数 | 2.12.0 |
示例代码
___JX5_PROTECTED_code_33___
# onShareTimeline()
基础库 2.11.3 开始支持，低版本需做兼容处理。
详见分享到朋友圈
监听右上角菜单“分享到朋友圈”按钮的行为，并自定义分享内容。
注意：只有定义了此事件处理函数，右上角菜单才会显示“分享到朋友圈”按钮
自定义转发内容
事件处理函数返回一个 Object，用于自定义分享内容，不支持自定义页面路径，返回内容如下：
| 字段 | 说明 | 默认值 | 最低版本 |
|---|---|---|---|
| title | 自定义标题，即朋友圈列表页上显示的标题 | 当前小程序名称 | |
| query | 自定义页面路径中携带的参数，如 path?a=1&b=2 的 “?” 后面部分 | 当前页面路径携带的参数 | |
| imageUrl | 自定义图片路径，可以是本地文件或者网络图片。支持 PNG 及 JPG，显示图片长宽比是 1:1。 | 默认使用小程序 Logo | |
| promise | 如果该参数存在，则以 resolve 结果为准，如果三秒内不 resolve，分享会使用上面传入的默认参数 | 3.12.0 |
示例代码
___JX5_PROTECTED_code_34___
"樱花视频在线" # onResize(Object object)
基础库 2.4.0 开始支持，低版本需做兼容处理。
页面尺寸改变时触发。详见 响应显示区域变化
# onTabItemTap(Object object) (樱花视频免费观看)
基础库 1.9.0 开始支持，低版本需做兼容处理。
点击 tab 时触发
Object 参数说明：
| 参数 | 类型 | 说明 | 最低版本 |
|---|---|---|---|
| index | String | 被点击tabItem的序号，从0开始 | 1.9.0 |
| pagePath | String | 被点击tabItem的页面路径 | 1.9.0 |
| text | String | 被点击tabItem的按钮文字 | 1.9.0 |
示例代码：
___JX5_PROTECTED_code_35___
# onSaveExitState()
基础库 2.7.4 开始支持，低版本需做兼容处理。
每当小程序可能被销毁之前，页面回调函数 onSaveExitState 会被调用，可以进行退出状态的保存。
"樱花视频在线" # 组件事件处理函数
Page 中还可以定义组件事件处理函数。在渲染层的组件中加入事件绑定，当事件被触发时，就会执行 Page 中定义的事件处理函数。
示例代码：
___JX5_PROTECTED_code_38___
___JX5_PROTECTED_code_39___
# Page.route
基础库 1.2.0 开始支持，低版本需做兼容处理。
到当前页面的路径，类型为String。
___JX5_PROTECTED_code_41___
# Page.prototype.setData(Object data, Function callback)
setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。
# 参数说明
| 字段 | 类型 | 必填 | 描述 | 最低版本 |
|---|---|---|---|---|
| data | Object | 是 | 这次要改变的数据 | |
| callback | Function | 否 | setData引起的界面更新渲染完毕后的回调函数 | 1.5.0 |
Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。
其中 key 可以以数据路径的形式给出，支持改变数组中的某一项或对象的某个属性，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。
注意：
- 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。
- 仅支持设置可 JSON 化的数据。
- 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
- 请不要把 data 中任何一项的 value 设为
undefined，否则这一项将不被设置并可能遗留一些潜在问题。
示例代码：
___JX5_PROTECTED_code_53___
___JX5_PROTECTED_code_54___
# 页面间通信
基础库 2.7.3 开始支持，低版本需做兼容处理。
如果一个页面由另一个页面通过 wx.navigateTo 打开，这两个页面间将建立一条数据通道：
- 被打开的页面可以通过
this.getOpenerEventChannel()方法来获得一个EventChannel对象； wx.navigateTo的success回调中也包含一个EventChannel对象。
这两个 EventChannel 对象间可以使用 emit 和 on 方法相互发送、监听事件。