【微信小程序】WXML微信标签语言特性----数据绑定

• 进行数据的动态更新，使用Mustache的方法，变量名加双括号的语法。

可以使用于文本绑定，wxml中格式如下：

<text>
      {{message}}
</text>

js文件如下：

Page({
  data: {
    message: '显示一下：社会人，你好'
  }
})

显示如下：

也可以使用在属性值中：

注意事项：变量属性小写。

<text data-name="{{theName}}"></text>

//js
Page({
  data: {
    theName: 'janny'
  }
})

也可以用于运算符绑定,wxml如下：

<view hidden="{{flag?true:false}}">
    Hidden
</view>

//js
Page({
  data: {
    flag: true
  }
})

还有字符串绑定，组合式绑定，扩展运算符绑定，控制属性，关键字，运算（三元运算，算数运算，逻辑判断，字符串运算，数据路径运算，组合，数据，对象（如果存在相同的变量，后者会覆盖前者））

注意事项：花括号和引号间如果有空，则默认为字符串。

小程序中的共同属性：

id：String类型 组件的唯一表示

class：String类型 对应的样式类

style:  String类型 内联样式

hidden：Boolean类型 默认显示

data-*： Any类型 自定义属性，组件上触发的事件时，会发送给事件处理函数。

bind*/catch*  EventHandler类型 组件事件