微信小程序8（wxml-列表渲染）

一、循环数组

1.例子1

data: {
  arr:["苹果","香蕉","梨子"]
  },

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

2.例子2

  data: {
  arr:["苹果","香蕉","梨子"],
   person:{
     name:"小明",
     height:180
   }
  },

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

  <view wx:for="{{person}}"  wx:key="{{index}}" >

  {{index}}:{{item}}
  </view>
</view>

3.更改index以及使用block

修改：

wx:for-index="key"

使用：