view是元件類

wx:if
<view wx:if="{{condition}}"><p>true</p></view>
<view wx:if="{{length>4}}">5</view>
<view wx:elif="{{length=4}}">4</view>
<view wx:else>2</view>

<block wx:if="{{true}}">

<view></view>

<view></view>

</block>

===========wx:if  和hidden===============

wx:if是惰性的初始渲染條件為真的時候才渲染。

hidden始終被渲染，如果是頻繁切換情景使用hidden.

*********列表渲染*********

wx:for

<view wx:for="{{items}}">

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

</view>

//wx:for-tiem指定陣列當前元素的變數名

//wx:for-index指定陣列當前下標變數名

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

{{idx}}:{{itemName.message}}

</view>

模板(template)

wxml提供模板，可以在模板種定義程式碼片段，在不同地方呼叫。

<template name="msgItem">

<view>

<text>{{index}}:{{meg}}</text>

</view>

</template>

使用模板：is

<template is="msgItem" data="{{...item}}"/>

Page({ data: { item: { index: 0, msg:

is屬性可以使用Mustache語法，動態決定需要哪個模板：

<template name="odd">

<view>first</view>

</template>

<template name="even">

<view>even</view>

</template>

<block wx:for="{{1,2,3,4}}">

<template is="{{item%2==0?'even':'odd'}}"/>

</block>

模板擁有自己的作用域，只能使用data傳入的資料。