data - 实现页面的初始化数据 （小程序）

data - 实现页面的初始化数据

onLoad - 是生命周期函数,用来监听页面加载,一个页面只会调用一次,它的参数可以获取wx.navigateTo和wx.redirectTo及< navigator/>中的query.
onReady - 同样是生命周期函数,用来监听页面初次渲染完成,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互.对页面的设置请在onReady之后设置,如wx.setNavigationBarTitle.
onShow - 生命周期函数,用来监听页面显示,每次页面打开都会调用一次.
onHide - 生命周期函数,监听页面隐藏”,当wx.navigateTo或者底部tab切换之后调用.
onUpload - 生命周期函数,用来监听页面卸载.当wx.navigateTo和 navigateBack的时候调用.
onPullDownRefresh - 页面相关事件处理函数,用来监听用户的下拉动作.但是需要在config的window选项中开启enablePullDownRefresh,当数据刷新完成之后,可以用wx.stopPullDownRefresh停止当前页面的下拉刷新.
下面是微信给出的官方代码:
Page({
data: {
text: “This is page data.”
},
onLoad: function(options) {
// Do some initialize when page load.
},
onReady: function() {
// Do something when page ready.
},
onShow: function() {
// Do something when page show.
},
onHide: function() {
// Do something when page hide.
},
onUnload: function() {
// Do something when page close.
},
onPullDownRefresh: function() {
// Do something when pull down
},
// Event handler.
viewTap: function() {
this.setData({
text: ‘Set some data for updating view.’
})
}
})
1
2
3
4
5
6
7
8
9
10
上面说了用data属性来设置页面的初始化数据,但是如果我们想改变数据里面的值,怎么办??
那么我们就介绍一个微信官方给我们提供的setData()函数,这个函数可以将数据从逻辑层发送到数据层,同时还可以改变this.data的值.
setData()接受一个对象参数,让数据以key,value的形式表示将this.data中key对应的值改变成value.
下面是微信官方给出的page的生命周期的图片:
page生命周期图

原创地址:http://blog.csdn.net/qq_28832135/article/details/52796048