v-if
指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 真
值的时候被渲染
v-else-if
,顾名思义,充当 v-if 的“else-if 块”,可以连续使用
v-else
指令来表示 v-if 的“else 块”
<template>
<view>
<view v-if="seen">现在你看到我了</view>
<view v-else>你看不到我了</view>
<button @click="onclicked">点击切换</button>
</view>
</template>
<script>
export default {
data() {
return {
seen: true
}
},
methods: {
onclicked() {
this.seen = !this.seen;
}
}
}
</script>