微信小程序数据绑定

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

index.wxml代码:

 
    {{text}}
  
  

index.js代码片段:

Page({
  data: {
    text: 'Hello World',
    userInfo: {},
  },
   changName:function(){
    this.setData({
      text:"测试通过"
    });
  },
视图层使用{{text}}和逻辑层data:{text: "" }绑定,页面初始化显示Hello World

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

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

你可能感兴趣的:(微信开发)