微信小程序框架WXML--列表渲染

<!--index.wxml-->

<view>

  <bolock wx:for="{{items}}" /*循环数组，下标从零开始*/ wx:for-item="item" wx:key="index"><view>{{index}}:{{item.name}}/*调用js文件且数组名变量   比如  {{文件名}}：{{数组名.变量}} */<view></block>

</view>

//index.js

page({

  data:{

         items:[

                        {name:"商品A"},

                        {name:"商品B"},

                        {name:"商品C"},

                        {name:"商品D"}

                        {name:"商品A"}

         ]

  }

})

运行后测试如下