两者都可以有条件地显示元素，但它们的实现方式不同 — v-if 从 DOM 中添加/移除元素；v-show 将其保留在 DOM 中并切换其 CSS display。
<template>
<p v-if="isVisible">Rendered only when true (removed from DOM when false)</p>
<p v-show="isVisible">Always in the DOM; just display:none when false</p>
</template>
...
v-if 有较高的切换成本（它创建/销毁元素及其组件，每次都运行生命周期钩子），但在条件为假时零成本（不渲染任何东西）。v-show 有较高的初始成本（总是渲染，即使隐藏），但切换成本低廉（只是 CSS 改变）。Toggles often (tabs, dropdowns) → v-show (cheap to flip)
Rarely changes / may never render → v-if (skip rendering entirely)
Expensive content rarely shown → v-if (don't pay to build it)
<template>
<p v-if="status === 'loading'">Loading...</p>
<p v-else-if="status === 'error'">Error!</p>
<p v-else>Done</p>
</template>
v-if 支持 v-else-if/v-else 链；v-show 不支持（它只切换一个元素）。
v-show 不能用于 <template> 包装器（没有元素来设置 display）；v-if 可以。
选择正确的方式是一个真实的性能决策：v-show 用于频繁切换的内容（DOM 保持，切换便宜），v-if 用于条件性/罕见或昂贵的内容（在需要前不渲染）。
选错了 — 例如在通常隐藏的重内容上使用 v-show — 会浪费渲染工作。