vue_條件渲染_v-if_v-else_v-show

data: {spa

ok: true原理

flag: false渲染

}margin

1. 成對出現的 v-if 和 v-else 原理是: 標籤的刪除與從新建立 ,有些狀況必須用 v-ifdi

<p v-if="ok">表白成功<p>標籤

<p v-else>表白失敗<p>co

2. v-show 原理是: 操做 display: none,標籤的從新渲染,適合頻繁切換display

<p v-show="flag">求婚成功<p>
data

<p v-show="!flag">求婚成功<p>play

相關文章
相關標籤/搜索