条件渲染

wx:if、wx:elif和wx:else

<view class="i-as-btn-loading" wx:if="{{ flag=="1" }}">渲染一</view>
<view wx:elif="{{flag="2"}}">渲染二</view>
<view wx:else>渲染三</view>

在条件渲染中，我们也经常将block与wx:if搭配使用。

hidden

hidden为true的时候显示，为false的时候不显示

wx:if与hidden不同

wx:if比hidden会更耗费资源，因为当 wx:if 的条件值切换时，框架有一个局部渲染的过程，它会确保条件块在切换时销毁或重新渲染。所以，如果是频繁的切换，最好使用hidden,如果仅有一个初始化的过程，使用wx:if。