小程序视图层之WXML---数据绑定

数据绑定

数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于内容、组件属性、控制属性、关键字、运算、组合、对象等。
具体参考https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html

关键字：
true：boolean 类型的 true，代表真值
false： boolean 类型的 false，代表假值

<checkbox checked="{{false}}"> </checkbox>

特别注意：不要直接写 checked=“false”，其计算结果是一个字符串，转成 boolean 类型后代表真值。

运算：
在 {{}} 内进行简单的运算，支持三元运算、算数运算、逻辑判断、字符串运算、数据路径运算。也可以用扩展运算符 … 来将一个对象展开。

//数据路径运算
<view>{{object.key}} {{array[0]}}</view>

Page({
  data: {
    object: {
      key: 'Hello '
    },
    array: ['MINA']
  }
})