【小程序注册页面】代码解析——page函数

admin

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。
object 参数说明：

属性	类型	描述
data	Object	页面的初始数据
onLoad	Function	生命周期函数--监听页面加载
onReady	Function	生命周期函数--监听页面初次渲染完成
onShow	Function	生命周期函数--监听页面显示
onHide	Function	生命周期函数--监听页面隐藏
onUnload	Function	生命周期函数--监听页面卸载
onPullDownRefresh	Function	页面相关事件处理函数--监听用户下拉动作
onReachBottom	Function	页面上拉触底事件的处理函数
onShareAppMessage	Function	用户点击右上角转发
route	String	当前页面的路径
其他	Any	开发者可以添加任意的函数或数据到 object 参数中，在页面的函数中用 this 可以访问

生命周期函数

• onLoad: 页面加载
  
  
  • 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。
    
• onShow: 页面显示
  
  
  • 每次打开页面都会调用一次。
    
• onReady: 页面初次渲染完成
  
  
  • 一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
  • 对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期
    
• onHide: 页面隐藏
  
  
  • 当navigateTo或底部tab切换时调用。
    
• onUnload: 页面卸载
  
  
  • 当redirectTo或navigateBack的时候调用。
    
  
  

onLoad参数

类型	说明
Object	其他页面打开当前页面所调用的 query 参数

Page.prototype.setData()

setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。

setData() 参数格式

接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value。

其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。

注意：

• 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致
• 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
  

wxml

1. <view>{{text}}</view>

复制代码

js

1. this.setData({
   
2.       text: 'changed data'
   
3.     })

复制代码