微信小程序-------（3）（wx：for 循环）

1.wx：for 使用

实例：

代码：

<!--列表循环 wx:for -->
<view>
<view wx:for="{{list}}" wx:for-item="item" wx:for-index="index">
<!-- wx:for="{{list}}" 循环列表，在{{}}中写入自己定义的列表名称 -->
<!-- wx:for-item="item" 循环项的名称，自定义，默认item -->
<!-- wx:for-index="id" 循环的索引，默认为index，自定义-->
<!--  wx:for-key="唯一的值" 循环的key值，具有唯一性 -->
索引：{{index}}
id={{item.id}}
name={{item.name}}
</view>
</view>

js中

 list:[
      {
        id:1,
        name:"猪八戒",
      },
      {
        id: 2,
        name:"天蓬元帅"
      },
      {
        id:3,
        name:"十万水军统领",
      }
    ]

输出：