做自(zì)由與創造的先行者

條件渲染

Vue.js中文(wén)手冊

v-if

v-if 指令用(yòng)于條件性地渲染一塊内容。這(zhè)塊内容隻會(huì)在指令的表達式返回真值時(shí)才被渲染。

template

<h1 v-if="awesome">Vue is awesome!</h1>

v-else

你(nǐ)也(yě)可以使用(yòng) v-else 爲 v-if 添加一個“else 區(qū)塊”。

template

<button @click="awesome = !awesome">Toggle</button>

<h1 v-if="awesome">Vue is awesome!</h1>

<h1 v-else>Oh no

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:列表渲染
上(shàng)一篇:Class 與 Style 綁定