一。列表渲染

1、wx:for

wx:for指令用于循環(huán)數(shù)組數(shù)據(jù)，生成組件。

循環(huán)出來的每一項通過item返回，每一項對應(yīng)的索引，通過index返回。

????<view?wx:for="{{songs}}"?wx:key="index"?class="items">

???????<text>{{index}}--{{item.id}}--{{item.name}}</text>

????</view>

2、wx:key

wx:key=""，設(shè)置每一項唯一的標(biāo)識。循環(huán)列表時，添加wx:key的好處是，將來列表發(fā)生變化時重新渲染列表的損耗為更低。

二.條件渲染

條件渲染可以使用wx:if或hidden。

1、wx:if

wx:if用于條件渲染：條件為真生成里面的內(nèi)容，條件為假不會生成里面的內(nèi)容。（每次重新生成內(nèi)容）

也可以用wx:elif 和 wx:else 來添加一個 else 塊。

??<view?wx:if="{{typeID?==?1}}">?1?</view>

??<view?wx:elif="{{typeID?==?2}}">?2?</view>

??<view?wx:else>?3?</view>

2、hidden

hidden用于條件渲染：條件為真隱藏里面的內(nèi)容，條件為假顯示里面的內(nèi)容。（每次切換樣式）

??<view?hidden="{{typeID!=?2}}">?1?</view>