条件渲染
2018-09-28 本文已影响0人
牛耀
- 条件渲染指令
v-if
v-else
v-show - 比较v-if与v-show
如果需要频繁切换 v-show 较好
html:
<div id="demo">
<p v-if="ok">成功了</p>
<p v-else="true">失败了</p>
<p v-show="ok">表白成功</p>
<p v-show="!ok">表白失败</p>
<button @click="ok=!ok">切换</button>
</div>
html:
new Vue({
el: '#demo',
data: {
ok: false
}
})