请解释 Vue.js 中 this.$set 的作用与使用场景,并说明它如何解决响应式数据更新问题。
考察说明
考察对 Vue 响应式系统的理解及动态添加属性的处理能力
回答思路
- 说明 this.$set 用于向响应式对象添加新属性并触发视图更新
- 解释 Vue 2 中对象属性劫持的局限(无法检测属性添加和删除)
- 对比直接赋值与 $set 的行为差异
- 补充数组索引和长度变更的响应式限制及 $set 的应用
- 适当提及 Vue 3 中的替代方案(如 Proxy 或 reactive 直接赋值)
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。