## 1.数据绑定 微信小程序是通过状态模式-单向数据流，来绑定数据的。 状态模式定义一个对象，改对象可以通过管理其状态的变化，从而实现应用程序做出相应的变化。 > 数据流是单向的，视图变化不会影响对象状态。 ``` //index.wxml <view> <text>{{msg}}</text> </view> ``` ``` //index.js Page({ data: { msg:"hello" } }) ``` ## 2.属性绑定 ``` //index.wxml <view class="container" data-name="{{name}}"> <text>{{msg}}</text> </view> ``` ``` //index.js Page({ data: { msg:"hello zhixing", name:"Jake" } }) ``` ## 3.条件渲染 ``` //index.wxml <view hidden='{{flag?true:false}}'> hidden </view> ``` ``` //index.js Page({ data: { flag:true } }) ```