WXML 模版语法-列表渲染

知识点1：wx:for

• 通过wx:for 可以根据指定的数组，渲染重复的组件结构。默认当前循环的索引用index；当前循环项目用item表示。

<!--wx:for-- nameList:["小明","小张","小红"] >
<view wx:for="{{ nameList }}">
索引是：{{index}} , item内容是：{{item}}
</view>

知识点2：wx:for-index和wx:for-item

• wx:for-index 指定当前索引的变量名。
• wx:for-item 指定当前项的变量名。

<!--wx:for-index wx:for-item-->
<view wx:for="{{ nameList }}" wx:for-index="indexNum" wx:for-item="itemContent">
索引是：{{indexNum}} , item内容是：{{itemContent}}
</view>

知识点3：wx:key

• 小程序在渲染列表时，官方建议为渲染出来的列表指定唯一的key值，从而提高渲染效率。

<!--wx:key-->
<view wx:for="{{userInfo}}" wx:key="id">
{{item.name}}
</view>