WeChat апплет условного рендеринга WX: если и разница и меры предосторожности

Два метода могут добиться условного рендеринга элементов страницы

1. WX: если, WX: Элиф, WX: еще
2. Скрытое использование, добавьте атрибут hidden или hidden = "{{true}}" прямо на ярлык

Какой из них используется в какой сцене?
Когда метка не часто переключается, используйте wx: если сначала, и удалите метку непосредственно из структуры страницы.
Когда метка часто переключается, используйте скрытый и переключайте отображение, добавляя стили
. Не используйте скрытый атрибут со стилем отображения! Будет перезаписано, потому что принцип скрытого заключается в увеличении отображения: нет

   <view>
     <view>**条件渲染**</view>
     <view wx:if="{{true}}">显示</view>
     <view wx:if="{{false}}">隐藏</view>

     <view wx:if="{{flase}}">1</view>
     <view wx:elif="{{flase}}">2 </view>
     <view wx:else> 3 </view>

     <view hidden >hidden1</view>
     <view hidden="{{false}}" >hidden2</view>

     <view wx:if="{{false}}">wx:if</view>
        <!-- 错误用法 ：hidden无法被隐藏 -->
     <view hidden  style="display: flex;" >hidden</view>
   </view>

Распечатать результат: