微信小程序中各种类型的数据绑定

前期准备

WXML页面里的动态数据，都是来自js文件Page的data。
数据绑定就是通过双大括号( { { }} )将变量包起来，在WXML页面里将数据值显示出来
示例代码：

//index.wxml
<view>{
  { message }} </view>
//index.js
Page({
data: {
message: ‘hello XiaoChengXu!’
}
})

组件属性绑定

它是将data里的数据绑定到微信小程序的组件上.
示例代码：

//wxml
<view id=“item-{
  { id }}”> </view>
//js
Page({
data: {
id: 0
}
})

控制属性绑定

它用来进行if语句条件判断，如果条件满足，则执行，否则不执行。
示例代码：

//wxml
<view wx:if=“{
  { condition }}”> </view>
//js
Page({
data: {
condition: true
}
})

关键字绑定

常用于组件的一些关键字。
像复选框组件一样，checked关键字如果等于true，则代表复选框选中；如果等于false，则代表不选中复选框。
示例代码：

<checkbox checked=“{
  { false }}”> </ch