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>