微信小程序------（4）（条件渲染）（wx:if 和hidden）

笔记：

<!-- 条件渲染，
    1.wx:if="{{true/false}}"
    if,else,if else
    wx:if   wx:elif(else if的缩写 ) wx:else
    2.hidden
    （1）在标签上直接加入属性 hidden
    （2）hidden="{{true}}"
    3.什么场景用哪一个？
    （1）当标签不是频繁使用的切换使用 优先使用wx：if （直接从页面结构给移除掉）
    （2）当标签频繁的切换显示的时候 优先使用 hidden （通过添加样式的方式来切换显示）-->
    <view>
    <view>条件渲染</view>
    <view wx:if="{{false}}">显示</view>
    <view wx:if="{{true}}">隐藏</view>
    <view>-----wx:if   wx:elif(else if的缩写 ) wx:else----</view>
    <view wx:if="{{false}}">结果1</view>
    <view wx:elif="{{false}}">结果2</view>
    <view else>结果3</view>
    </view>
    <view>---wx：if----hidden----</view>
    <view wx:if="{{false}}">wx:if</view>
    <view hidden>hidden</view>

截图：