小程序中如何进行循环渲染？

小程序中如何进行循环渲染？

1. 普通遍历

//使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以 指定数组当前下标的变量名
<view wx:for="{{array}}">
  {{index}}: {{item}}
</view>
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName}}
</view>

2. block结合wx：for=“”使用

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>

3. wx：key实现列表渲染

<view wx:for="{{userlist}}" wx:key="id">
  //key提高重排效率，就地复用