微信小程序循环,WX:FOR

    <view class='post-container' wx:for="{{list}}"    wx:for-item="item">
        <view class='post-author-date'>
            <image class='post-author' src='{{item.authorImg}}'></image>
            <text class='post-data'></text>
        </view>
        <text class='post-title'>{{item.title}}</text>
        <image class='post-image' src='{{item.postImg}}'></image>
        <text class='post-content'>{{item.content}}</text>
        <view class='post-like'>
            <image class='post-like-image' src='../../images/icon/shoucang.png'></image>
            <text class='post-like-font'>92</text>
            <image class='post-like-image' src='../../images/icon/pinglun.png'></image>
            <text class='post-like-font'>131</text>
        </view>
    </view>

--------------------------------------------------黄金分割线-----------------------------------------------

wx:for="{{list}}" wx:for是微信的循环语法(有点类似于Vue),list是循环的变量名
wx:for-item="item" 这里的item是list对象里每一条的数据
wx:for-index="index" 这里是下标,从0开始.没用到所以没写

取值:
如果item本身就是一个对象可以用{{item.变量名}},这样就可以取到值了

效果图: