水滴面试题更新 2026-08-05

v-if 与 v-show 的区别与使用场景

水滴前端/移动开发专业服务技术原理方案权衡Vue

考察说明

考察 Vue 条件渲染指令的机制理解与场景权衡

回答思路

  1. 说明 v-if 是条件渲染,元素真正创建或销毁,初始 false 不渲染
  2. 说明 v-show 是 CSS display 切换,元素始终渲染
  3. 对比性能差异:v-if 切换开销大但初始渲染开销小,v-show 初始渲染开销大但切换开销小
  4. 给出典型使用场景并说明选择依据
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。