微信小程序 - 12.条件渲染(显示隐藏)

1. wx:if="{{true/false}}"
   if , else , if else
   wx:if
   wx:elif
   wx:else
2. hidden(是否隐藏)
   1. 在标签上直接加入属性hidden
   2. hidden="{{true}}"
3. 什么场景下用哪个
   1. 当标签不是频繁的切换显示 , 优先使用wx:if
   (1).直接把标签从页面结构给移除
   2. 当标签频繁的切换显示的时候 , 优先使用hidden
   (1).通过添加样式的方式来切换显示
   (2). hidden属性不要和样式display一起使用

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

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

        <view hidden>hideen</view>
        <view hidden="{{true}}">hideen</view>
 </view>