微信小程序列表渲染 - 04

1. wx:for

<view wx:for="{{list}}" wx:key="index">
{{item}}---{{index}}
</view>

和 Vue 的 v-for 使用方法几乎一样，注意是需要输入 key 值的

2. wx:for-item

<view wx:for="{{list}}" 
wx:for-item="xiaomingitem"
wx:for-index="xiaomingindex"
wx:key="xiaomingindex"
>
{{xiaomingitem}}---{{xiaomingindex}}
</view>

在 wx:for 加了 item ，表示新建一个临时变量，传入数据，然后再遍历这个临时变量，注意，也是需要加 key 的 

用这个临时变量进行遍历，主要是害怕你的 {{index}} ，在 data 里已经定义好了其他的数据用法，那就被覆盖了