二、组件和数据绑定（微信小程序开发【有基础】-组件篇）

index.wxml（页面代码）：

 1 <view>
 2     姓名：{{name}}  年龄：{{age}}
 3 </view>
 4 <view id="view-{{id}}">
 5     姓名：{{name}}  性别：{{sex}}
 6 </view>
 7 <view>
 8     <checkbox checked="{{flag}}">男</checkbox>
 9     <checkbox>女</checkbox>
10 </view>
11 <view>
12     <button bindtap="changeAge">点击改变年龄</button>
13 </view>

index.js（页面js代码）：

 1 data: {
 2         id: 1,
 3         name: "Mr.Lin",
 4         age: 18,
 5         sex: '男',
 6         flag: true
 7     },
 8     changeAge() {
 9         this.setData({
10             age: 21
11         })
12     },