Vue的v-show 与 v-if 有何不同？?使用场景分别是什么？

【概念释义】

v-if 条件假时不渲染 DOM（惰性），切换销毁重建，适合低频切换。v-show 始终渲染，切 display:none，适合高频切换（tabs）。v-if 可配合 v-else；v-show 不支持 template 多根语义同 display。

【基础使用】

<div v-if="type === 'A'">A</div>
<div v-else-if="type === 'B'">B</div>
<div v-show="visible">频繁显隐</div>

【版本差异】