# 绑定数据 ***** >1.在js文件中的data属性中定义好数据 >2.通过{{变量名}}进行绑定js底层的数据 ***** ## 2.条件渲染 wx:if ***** >[info]格式：wx:if = "{{变量名}}" 在框架( 布局 )中，使用 `wx:if="{{true}}"` 来判断是否需要渲染该代码块( 组件 ) ***** ## 3.循环渲染 wx:for ***** >[info]格式：wx:for=“{ { 数组 } }” 在组件上使用 `wx:for` 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 `index`，数组当前项的变量名默认为 `item` ***** >[success]1.使用 `wx:for-item` 可以指定数组当前元素的变量名 2.使用 `wx:for-index` 可以指定数组当前下标的变量名： 3.使用`wx:key` 标识唯一的item ***** <br> ``` <view> <text wx:for = "{{r5}}" wx:key = "index">{{item}}</text> <!-- item是唯一的，，但是可以通过wx:for-item = "items" 修改 ,key值是绑定数组中代表唯一的值--> <view wx:for = '{{r5}}' wx:key = 'index' wx:for-item = "items">{{items}}</view> </view> ```