1.3.1初始化数据
- 在Page()函数的data对象里可以初始化页面要用到的函数,data会以JSON的形式由逻辑层传至渲染层,所以其数据必须是可以转化成JSON格式:字符串、数字、布尔值、对象或数组。假如界面需要姓名和性别的值,这时就可以通过data来传递数据,具体代码如下所示
- 界面效果图如下:
1.3.2生命周期函数
在Page()函数里也提供了一些生命周期函数,如下所示。
- (1)onLoad:生命周期函数。监听页面加载,一个页面只会调用一次。
- (2)onReady:生命周期函数。监听页面初次渲染完成,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
- (3)onShow:生命周期函数。监听页面显示,每次打开页面都会调用一次。
- (4)onHide:生命周期函数。监听页面隐藏,当navigateTo或底部tab切换时调用。
- (5)onUnload:生命周期函数。监听页面卸载,当redirectTo或navigateBack时调用。
1.3.3相关事件函数
在Page()函数里也提供了一些常用的函数,比如下拉刷新、页面转发事件函数。
- (1)onPullDownRefresh:下拉刷新。
- 监听用户下拉刷新事件,需要在config的window选项中开启enablePullDownRefresh。当处理完数据刷新后,wx.stopPullDownRefresh可以停止在当前页面的下拉刷新。
- (2)onShareAppMessage:用户转发。
- 只要有定义了此事件的处理函数,右上角菜单才会显示"转发"按钮。用户点击转发按钮的时候会调用,此事件需要return一个Object,用于自定义转发内容。
WXML页面的动态数据都是来自js文件Page的data,数据绑定就是通过双大括号{{}}将变量包起来,在WXML页面里将数据值显示出来。代码示例如下