微信小程序的数据绑定

数据绑定

WXML 中的动态数据均来自对应 Page 的 data。

简单绑定

数据绑定使用 Mustache 语法（双大括号）将变量包起来

复制<view> {
  { message }} </view>

复制Page({
  data: {
    message: 'Hello MINA!'
  }
})

组件属性(需要在双引号之内)

复制<view id="item-{
  {id}}"> </view>

复制Page({
  data: {
    id: 0
  }
})

控制属性(需要在双引号之内)

复制<view wx:if="{
  {condition}}"> </view>

复制Page({
  data: {
    condition: true
  }
})

关键字(需要在双引号之内)

true：boolean 类型的 true，代表真值。
false： boolean 类型的 false，代表假值。

复制<checkbox checked=