小程序的渲染

一. 列表渲染

1. wx:for

项的变量名默认为 item wx:for-item 可以指定数组当前元素的变量名

下标变量名默认为 index wx:for-index 可以指定数组当前下标的变量名

  {{index}}: {{item.message}}

Page({
  data: {
    array: [{
      message: 'foo',
    }, {
      message: 'bar'
    }]
  }
})

2. wx:for

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

   {{index}}: 
   {{item}} 

3. wx:key

提高效率使用的

二. 条件渲染

1. wx:if

在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：

 True 

2. hidden

类似 wx:if

频繁切换 用 hidden

不常使用 用 wx:if