一.条件渲染
1.v-if
指令用于条件性地渲染一块内容
<view v-if="awesome">Vue is awesome!</view>
data:function() {
return {
awesome:true //true或false
}
}
2.也可以用 v-else 添加一个“else 块”
<view v-if="awesome">Vue is awesome!</view>
<view v-else>Oh no</view>
data:function() {
return {
awesome:true //为true时正常显示,为false时显示Oh no
}
}
3.v-else-if
,充当 v-if 的“else-if 块”,可以连续使用
<view v-if="type === 'A'">
A
</view>
<view v-else-if="type === 'B'">
B
</view>
<view v-else-if="type === 'C'">
C
</view>
<view v-else>
Not A/B/C
</view>
data:function() {
return