如何在vue.js上使用v-if和v-else？

Question

我尝试以下代码：

<h1 v-if="2 === 1">Yes</h1>
<h1 v-else>No</h1>

但不起作用，并显示两个标签<h1>

如何在vue.js上使用v-if和v-else？

Answer 1

如果您不需要从DOM中删除元素，条件是简单地切换一些文字 - 你可以只使用一个三元运算符。见下文

<h1 v-text="2 === 1 ? 'Yes' : 'No'" />