元素的隐藏和显示

Vue中的元素显示和隐藏

v-if/v-show

• v-if：如果条件为false，则销毁节点，true：重新渲染节点（如果表达式默认条件为false，则不会渲染节点，懒汉式）
• v-show：通过css display属性来控制显示和隐藏（频繁时建议使用）

小程序中的元素显示和隐藏

wx-if /hidden

• wx:if 如果条件为false，则销毁节点，true：重新渲染节点（如果表达式默认条件为false，则不会渲染节点，懒汉式，若显示和隐藏切换比较少时建议使用）
• hidden 将元素隐藏时，元素依然存在，通过css display:none属性来控制显示和隐藏（频繁时建议使用）

wx:elif/wx:else

<view wx:if="{{score >= 90}}">优秀</view>
<view wx:elif="{{score >= 80}}">良好</view>
<view wx:elif="{{score >= 60}}">及格</view>
<view wx:else >优秀</view>