条件渲染

<!--
1. 条件渲染指令
v-if
v-else
<p v-if="ok">表白成功</p>
<p v-else>表白失败</p>

v-show
<p v-show="ok">求婚成功</p>
<p v-show="!ok">求婚失败</p>

<button @click="ok=!ok">切换</button>

2. 比较v-if与v-show
如果需要频繁切换 v-show 较好
-->

<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#demo',
data: {
ok: true,
}
})
</script>
原文地址:https://www.cnblogs.com/czx299/p/13621658.html