vue中的css if是一種動(dòng)態(tài)渲染頁(yè)面的方式，可以讓我們根據(jù)不同的狀態(tài)或條件，顯示不同的樣式或內(nèi)容。

<template>
<div v-if="isShow">
<p class="show">我是顯示的內(nèi)容</p>
</div>
<div v-else>
<p class="hide">我是隱藏的內(nèi)容</p>
</div>
</template>
<style>
.show{
display: block;
color: #333;
}
.hide{
display: none;
color: #999;
}
</style>

在上述的代碼中，我們使用了v-if指令來(lái)判斷isShow是否為true，如果是，則顯示class為show的內(nèi)容，否則顯示class為hide的內(nèi)容。