①條件渲染
前面一篇部落格顯示隱藏已經寫了條件渲染的實際用法，不在贅述

②列表渲染
wx:for
在元件上使用 wx:for 控制屬性繫結一個數組，即可使用陣列中各項的資料重複渲染該元件。
預設陣列的當前項的下標變數名預設為 index，陣列當前項的變數名預設為 item

<view   wx:for="{{newArray}}">
{{index}}--{{itemx}}
</view>

在本頁對應js中

Page({
  data: {
 newArray: ['aaa', 'bbb', 'ccc']
 }
}),

顯示

使用 wx:for-item 可以指定陣列當前元素的變數名，

使用 wx:for-index 可以指定陣列當前下標的變數名：

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</view>