02模板语法wx:for

1.普通写法

<text>行标签</text>

<view>块级标签</view>

2.数据绑定

<view> {{ message }} </view>

Page({
  data: {
    message: 'Hello MINA!'
  }
})

3.组件属性

<view id="item-{{id}}"> </view>

Page({
  data: {
    id: 0
 }
})

结束：

4.列表渲染

4.1wx:for

默认情况下我们不写wx:for-item=“item” wx:for-index=“index”
小程序也会把循环项的名称和索引的名称item和index
只有一层循环的话（wx:for-item="item” wx:for-index=“index”)可以省略

保留字 *this ，它的意思是 item 本⾝ ，*this 代表的必须是 唯⼀的字符串和数组。

4.2对象循环

1. wx:for="{{对象]}” wx:for-item="对象的值”wx:for-index=“对象的属性”
2. 循环对象的时候最好把item和index的名称都修改一下wx:for-item="value"wx :for-index=“key”

4.3block标签

渲染⼀个包含多节点的结构块 block最终不会变成真正的dom元素

<block wx:for="{{[1, 2, 3]}}" wx:key="*this" >
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>