官方文档——框架(注册页面)
Page() 函数用来注册一个页面，所以说必须要有，就算是空白的网页
如下：
data:
data: {
motto: {
text: 'hello'
},
haha: '遥遥',
}
函数：
onLoad(options) {
console.log('页面加载')
},
onShow() {
console.log('页面show')
},
onReady() {
console.log(this.route)
this.setData({
'motto.text': 'haha'
})
console.log('页面初次渲染完成')
},
onHide() {
console.log('页面隐藏')
},
onUnload() {
console.log('网页卸载')
},
onPullDownRefresh() {
console.log('监听用户下拉')
},
onReachBottom() {
console.log('用户上拉触底')
},
onShareAppMessage() {
console.log('用户转发')
return {
title: '自定义转发标题',
path: '/index/index?id=123'
}
},
onPageScroll(scrollTop) {
console.log(scrollTop)
console.log('返回距离top的值')
},
onTabItemTap () {
console.log('如果是tab页，点击tab时触发')
},
customData: {
hi: 'MINA'
},
详细说明：
data(Object):页面的初始数据
注意：一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。
onLoad:生命周期函数--监听页面加载
注意：每次打开页面都会调用一次。
onReady:生命周期函数--监听页面初次渲染完成
注意：一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置如wx.setNavigationBarTitle（动态设置标题）请在onReady之后设置
onShow:生命周期函数--监听页面显示
注意：每次打开页面都会调用一次。
onHide:生命周期函数--监听页面隐藏
注意：当navigateTo（页面跳转）或底部tab切换时调用。
onUnload:生命周期函数--监听页面卸载
注意：当redirectTo或navigateBack（返回上一页）的时候调用。
onPullDownRefresh:页面相关事件处理函数--监听用户下拉动作
注意：监听用户下拉刷新事件。需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
onReachBottom:页面上拉触底事件的处理函数
注意：可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。在触发距离内滑动期间，本事件只会被触发一次。
onShareAppMessage:用户点击右上角转发
分享
onPageScroll:页面滚动触发事件的处理函数
注意：可以获取距离top的距离，如上
onTabItemTap:当前是 tab 页时，点击 tab 时触发
事件处理函数
click me
Page({
viewTap: function() {
console.log('view tap')
}
})
Page.prototype.route：返回当前页地址
console.log(this.route)
注意：Page.prototype就是this
Page.prototype.setData()：设置data里面的值
this.setData({
'motto.text': 'haha'
})
注意：Page.prototype就是this，要设置motto里面text的值，需要打引号
如图：
网友评论