通过App()注册完成小程序之后,框架就开始注册页面,同样的Page()也是有生命周期的。当页面注册完成之后,可以在 page.js 文件中调用 getCurrentPage() 方法,获取当前页面对象。以下是page()中函数说明
//index.js
Page({
data: {
text: "This is page data."
//data 是页面第一次渲染使用的初始数据
},
onLoad: function(options) {
// 页面创建时执行,一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数
},
onShow: function() {
// 页面显示/切入前台时触发。
},
onReady: function() {
// 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互
},
onHide: function() {
// 页面隐藏/切入后台时触发。
},
onUnload: function() {
// 页面卸载时触发
},
onPullDownRefresh: function() {
// 监听用户下拉刷新事件。
},
onReachBottom: function() {
// 监听用户上拉触底事件
},
onShareAppMessage: function () {
//监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容
},
onPageScroll: function() {
// 监听用户滑动页面事件。
},
onResize: function() {
// 小程序屏幕旋转时触发。
},
onTabItemTap(item) {
// tab 点击时执行
console.log(item.index)
console.log(item.pagePath)
console.log(item.text)
},
// 事件响应函数
viewTap: function() {
this.setData({
text: 'Set some data for updating view.'
}, function() {
// this is setData callback
})
},
// 自由数据
customData: {
hi: 'MINA'
}
})