微信小程序学习--基础--列表渲染

    列表渲染是指将一个数组中的所有数据依次展示在页面中。

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

Page({
    data: {
        array: [{
            message: 'foo',
        }, {
            message: 'bar'
        }]
    }
})

    默认情况下，数组元素的中当前项的下标为 index ，项目变量名为 item。

    也可以使用 wx:for-index 和 wx:for-item 来修改。

    当要循环多个标签时，使用辅助标签 <block> 进行包裹

<block wx:for="{{array}}">
    <text>{{index}}</text>
    <text>{{item.message}}</text>
</block>

    wx:key : 提升数组内部分数据变更时列表渲染的效率，需要保证唯一