请说明 Vue 中 v-show 与 v-if 在实现机制和典型用法上的主要差异，以及各自适合哪些业务场景？

回答思路

1. 【回答框架 1】v-if 是真正的条件渲染，通过销毁和重建 DOM 节点来实现，初始为假时不渲染元素；v-show 是始终渲染元素，利用 CSS 的 display 属性切换显示隐藏。
2. 【回答框架 2】v-if 有更高的切换开销，因为涉及销毁和重建，但初始渲染时若条件为假则更节省开销；v-show 初始渲染开销高，因为要渲染所有节点并绑定事件，但切换时只需修改 display 属性，开销低。
3. 【回答框架 3】v-if 适用于运行条件很少改变、初始值不为真或需要条件渲染而减少初始渲染成本的场景；v-show 适用于频繁切换显示状态、初始值可能为真且切换不涉及复杂逻辑的场景。
4. 【回答框架 4】在真实项目中，需结合具体场景选择，例如用户权限控制或表单验证失败时的隐藏可用 v-if，而 Tab 切换或弹窗显隐更适合 v-show。
5. 【关键点 1】v-if 是条件渲染，v-show 是 CSS 切换。
6. 【关键点 2】v-if 切换开销高，v-show 切换开销低。
7. 【关键点 3】初始条件为假时，v-if 不渲染 DOM，v-show 渲染但隐藏。
8. 【易错点 1】不能将 v-if 和 v-show 的切换性能简单比较，需结合渲染成本。
9. 【易错点 2】v-show 不能用于 template 标签，且通过 display:none 隐藏时仍会触发生命周期钩子。
10. 【易错点 3】避免在 v-if 条件频繁变化时使用，否则可能造成性能瓶颈。