微信小程序数据绑定

微信小程序可分视图层（View层）和逻辑层（AppService）层，为了实现更好的用户体验，这两个层运行在不同的线程中，框架能够让数据在两个不同线程中保持数据同步（Android端使用handler机制实现线程之间的通信），需要修改数据的时候，只要在逻辑层修改数据，视图层就会做相应的更新。

index.wxml代码：

 <view class="usermotto">
    <text class="user-motto">{{text}}</text>
  </view>
  <button bindtap="changName">测试</button>

index.js代码片段：

Page({
  data: {
    text: 'Hello World',
    userInfo: {},
  },
   changName:function(){
    this.setData({
      text:"测试通过"
    });
  },

视图层使用{{text}}和逻辑层data:{text: "" }绑定，页面初始化显示Hello World

在点击button时，触发changName()函数，使用setData方法将text属性改：测试通过。页面显示：测试通过

通过这种方式，小程序实现了视图层和逻辑层的数据绑定和同步。