列表渲染

WePY 2 推荐使用 Vue v-for 指令进行列表渲染


编译前:

  1. // example 01
  2. <div v-for="item in array">{{index}}: {{item.message}}</div>
  3. // example 02
  4. <div v-for="(item, idx) in array">
  5. {{idx}}: {{itemName.message}}
  6. </div>

编译后:

  1. // example 01
  2. <view wx:for="{{array}}">{{index}}: {{item.message}}</view>
  3. // example 02
  4. <view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  5. {{idx}}: {{itemName.message}}
  6. </view>