# 綁定數據 ***** >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> ```