微信小程序 -- wx:if 和 hidden

wx:if

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

此结构类似于：

if () {  
} else if () {
} else { 
}

hidden

<view hidden="{{ false }}">1</view>
<view hidden="{{ true }}">2</view>
<view hidden>3</view>

wx:if和hidden的区别：
wx:if和hidden都可实现元素的显示与隐藏，但原理不同，wx:if是对元素的添加和删除，hidden是修改dispaly属性来实现显示与隐藏，类同与vue中的v-if和v-show。