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

data: {

ok: true

flag: false

}

1. 成對出現的 v-if 和 v-else 原理是： 標簽的刪除與重新創建 ，有些情況必須用 v-if

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

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

2. v-show 原理是： 操作 display: none，標簽的重新渲染，適合頻繁切換

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

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