网易面试题更新 2026-08-05
在 Vue 的 v-for 和 v-if 同时使用时，diff 算法会带来什么问题？请说明原因和最佳实践。
网易前端/移动开发互联网/IT性能优化技术原理问题排查Vue
考察说明
考察 Vue diff 算法对 v-for 与 v-if 共存时的性能与行为影响
回答思路
- 指出 v-if 在 v-for 内部时每次渲染都会执行条件判断
- 说明 diff 算法仍需遍历所有列表项，导致性能浪费
- 解释可能导致渲染结果不符合预期的情况
- 给出将 v-if 移到外层或使用 computed 过滤的解决方案
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。
