微信小程序--24(列表渲染)

一、wx：for

1.作用

• 根据指定数组，循环渲染重复的组件结构

2.语法

• <view wx:for="{{data中的数据}}">
          索引是：{{index}}, item项是：{{item}}
  </view>

• index:表索引
• item：表当前循环项

3.练习

二、手动指引索引和当前项的变量名(换名)

1.语句

• wx：for-index
          指定当前循环项的索引变量名

• wx：for-item
          指定当前项的变量名

2.练习

三、wx：key

1.作用

• 通个Key指定渲染，提高渲染效率

2.语句

• <view wx:for="{{userList}}" wx:key="id">{{item.name}}</view>

3.练习