小程序之数据绑定

1 通过初始数据绑定

 

小程序页面第一次渲染的时候会使用初始数据和渲染层进行绑定，所谓的初始数据就是Page页面构造器中的data对象。

例如在page页面构造器中的data对象有以下数据：

Page({

  /**
   * 页面的初始数据
   */
    data: {
     name:'Trevor',
     age:23,
     sex:'boy'
  }
})

 这样小程序会将初始数据绑定到对应的WXML中

<view>{
  {name}}</view>
<view>{
  {age}}</view>
<view>{
  {sex}}</view>

 

2 通过setData函数将数据从逻辑层发送到视图层

 

函数形式：

     Page.prototype.setData(Object data, Function callback)

字段	类型	必填	描述	最低版本
data	Object	是	这次要改变的数据
callback	Function	否	setData引起的界面更新渲染完毕后的回调函数