列表渲染

@wx:for
以绑定属性的方式使用wx:for循环数组
默认情况下，使用 item 表示迭代的当前数据项，使用 index 表示当前数据项的索引
多重循环下，系统可以自动识别 index 和 item 的作用域；也可以使用 wx:for-index 和 wx:for-item 指定索引和当前项，但是不建议
为保证渲染效率和数据的唯一性，应总是使用 wx:key
对象数据列表通常需要提供唯一标识id字段，可以作为key；直接使用id即可
普通列表没有id，可以使用 index 作为key；或者为数据创建时间戳作为id - now()
更多信息，请访问 官方文档 - 列表渲染
静态数组
指定数字 - 循环次数：从0到9-1，8次
多用于练习
<view wx:for="{{9}}" wx:key="index"> {{item}} </view>
动态数组
根据数组实际长度|个数循环
data: {
  arr: [1, 2, 3, 4, 5],
  obj:[
    {id:0, name:'gl', year:1995},
    {id:1, name:'sh', year:2005},
    {id:2, name:'nj', year:2008}
  ]
}

普通数组 - 循环5次

<view wx:for="{{arr}}" wx:key="item"> {{item}} </view>

对象数组 - 循环3次

<view wx:for="{{obj}}" wx:key="id"> {{item.name}}- {{item.year}} </view>
多重循环 - 9*9乘法表
为了更加直观的观察效果，配置页面为横板；样式自定
"pageOrientation": "landscape" 
<view  class="item" wx:for="{{arr}}" wx:key="index" wx:for-item='i'>
  <text wx:for="{{i+1}}" wx:key="index" wx:for-item='j'>
    <text class="item" wx:if="{{j>0}}">{{j}} * {{i}} = {{i*j}} </text>
  </text>
</view>
9*9 乘法表