互联网/IT行业面试题更新 2026-08-05

请解释 Vue.js 中 this.$set 的作用与使用场景,并说明它如何解决响应式数据更新问题。

联想前端/移动开发互联网/IT技术原理问题排查Vue

考察说明

考察对 Vue 响应式系统的理解及动态添加属性的处理能力

回答思路

  1. 说明 this.$set 用于向响应式对象添加新属性并触发视图更新
  2. 解释 Vue 2 中对象属性劫持的局限(无法检测属性添加和删除)
  3. 对比直接赋值与 $set 的行为差异
  4. 补充数组索引和长度变更的响应式限制及 $set 的应用
  5. 适当提及 Vue 3 中的替代方案(如 Proxy 或 reactive 直接赋值)
本题已收录答题指导

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

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