引言

两者的区别是:

• <view> 是一个组件，会在页面上做渲染；
• <block>不是一个组件，它仅仅是一个包装元素，只接受控制属性，不会在页面中做任何渲染。

下面是使用<block>的两个例子：

wx:if

<block wx:if="{{true}}">
    <view> text </view>
    <view> text </view>
</block>

wx:for

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

wx:elif 和 wx:else

<block wx:if="{{boolean==true}}">
    <view class="bg_black"></view>
</block>
<block wx:elif="{{boolean==false}}">
    <view class="bg_red"></view>
</block>
<block wx:else>
    <view class="bg_red"></view>
</block>