Vue 中的條件語句可以使用v-if指令來實現(xiàn)，它的作用是根據(jù)指定的條件決定是否渲染一段特定的內(nèi)容。

<div v-if="showContent">
這段內(nèi)容只會在 showContent 為真時才會渲染
</div>

上面的例子中只有當showContent為真時，這個<div>才會被渲染出來。實際上，當條件為假時，Vue 會直接從 DOM 中刪除這個節(jié)點。

除了v-if，Vue 還提供了v-else-if和v-else指令，來實現(xiàn)多個條件分支的邏輯判斷。

<div v-if="condition1">
這段內(nèi)容只會在 condition1 為真時才會渲染
</div>
<div v-else-if="condition2">
這段內(nèi)容只會在 condition2 為真且 condition1 為假時才會渲染
</div>
<div v-else>
這段內(nèi)容只會在 condition1 和 condition2 都為假時才會渲染
</div>

上面的例子中，如果condition1為真，則只會渲染第一個<div>；如果condition1為假，condition2為真，則只會渲染第二個<div>；否則，只會渲染第三個<div>。

v-if還可以配合v-for使用，來根據(jù)數(shù)組的元素數(shù)量來動態(tài)創(chuàng)建內(nèi)容。

<ul>
<li v-for="item in items" v-if="item.show">
{{ item.name }}
</li>
</ul>

上面的例子中，只會渲染items數(shù)組中show屬性為真的元素對應(yīng)的<li>。如果一個元素的show屬性為假，則它對應(yīng)的<li>會被直接從 DOM 中刪除。