## 数据绑定
WXMl中的动态数据均来自对应Page的data,数据发生变化--->视图发生变化。
### 简单绑定
数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用于:
~~~
<view class="container">
<text>{{text}}</text>
</view>
~~~
~~~
Page({
data: {
text: "渡课IT教育"
}
})
~~~
### 组件属性(需要在双引号之内)
~~~
<view id="item-{{id}}"> </view>
~~~
~~~
Page({
data: {
id: 0
}
})
~~~
### 控制属性(需要在双引号之内)
~~~
<view wx:if="{{condition}}"> </view>
~~~
~~~
Page({
data: {
condition: true
}
})
~~~
### 关键字(需要在双引号之内)
~~~
<checkbox checked="{{false}}"> </checkbox>
~~~
特别注意:不要直接写 checked="false",其计算结果是一个字符串,转成 boolean 类型后代表真值。