做自由与创造的先行者

条件渲染

Vue.js中文手册    

v-if

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。

template

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

v-else

你也可以使用 v-else 为 v-if 添加一个“else 区块”。

template

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

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

<h1 v-else>Oh no

网站建设开发|APP设计开发|小程序建设开发
下一篇:列表渲染
上一篇:Class 与 Style 绑定