## 列表渲染 ### wx:for 在組件上使用 wx:for 控制屬性綁定一個數組，即可使用數組中各項的數據重復渲染該組件。 ~~~ <view wx:for="{{array}}"> {{index}}: {{item.message}} </view> ~~~ ~~~ Page({ data: { array: [{ message: 'foo', }, { message: 'bar' }] } }) ~~~ 使用 wx:for-item 可以指定數組當前元素的變量名， 使用 wx:for-index 可以指定數組當前下標的變量名： ~~~ <view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName"> {{idx}}: {{itemName.message}} </view> ~~~ wx:for 也可以嵌套，下邊是一個九九乘法表 ~~~ <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i"> <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j"> <view wx:if="{{i <= j}}"> {{i}} * {{j}} = {{i * j}} </view> </view> </view> ~~~