微信小程序中列表渲染wx:for的应用

在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。
默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item。

使用 wx:for-item和wx:for-index指定数组当前元素和下标的变量名

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>

wx:key

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。

• 注意在wx:key中不用写{{}}可以直接写item中的某一个属性 或者直接使用*this表示本身

1. 使用*this，这种表示需要 item 本身是一个唯一的字符串或者数字。
2. 使用item中的某一个属性。