海康威视面试题更新 2026-08-05

为什么在 Vue 中不建议将 v-for 和 v-if 同时用于同一个元素?

海康威视前端/移动开发性能优化技术原理Vue

考察说明

考察 Vue 模板编译优先级与渲染性能优化意识

回答思路

  1. 准确说明 v-for 优先级高于 v-if 的编译行为
  2. 指出同时使用会导致每次渲染都重复循环判断
  3. 说明对性能的影响场景
  4. 给出替代方案:使用计算属性过滤或在外层包裹 template