vue 2响应式局限源于object.defineproperty仅劫持已存在属性：无法响应新增/删除属性、数组索引赋值及length修改、对象整体替换、map/set等原生集合。
Vue 2 的响应式机制靠 Object.defineProperty 实现，它不是“监听整个对象”，而是对 已存在属性 单独定义 getter/setter。理解这点，就能自然推导出所有局限性——不是设计疏漏，而是该 API 本身的边界所在。
无法自动响应新增或删除的属性
因为 Object.defineProperty 只能作用于对象上已明确声明的属性。运行时动态加一个 this.newField = 'ok'，这个新字段根本没被 define 过，自然没有 getter 触发依赖收集，也没有 setter 触发更新。
- 表现：修改后视图不刷新，
console.log(this.newField)能取到值，但 computed 或模板里用不到变化 - 解决方式：必须用
this.$set(obj, key, value)或Vue.set()，它内部会重新 define 这个属性并触发依赖收集 - 预防建议：data 中尽量提前声明所有可能用到的字段，哪怕初始设为
null、undefined或空数组
数组索引赋值和 length 修改不响应
数组本质也是对象，arr[0] = 'new' 是给属性 '0' 赋值——但 Vue 2 初始化时只对数组 已有元素索引 做了 define（且实际并未这么做，见下条），更关键的是：Object.defineProperty 对「属性是否已存在」敏感，而数组长度变化可能新增/删减大量索引属性，无法实时劫持。
通过 REST API 管理 Kibana 保存的对象（仪表板、Lens 可视化等）。适用于：① 以编程方式创建、更新、删除仪表板和 Lens 可视化。
- 表现：
vm.list[1] = 'x'、vm.list.length = 0都不会触发更新 - Vue 2 的折中方案：仅重写了 7 个变更方法（
push、pop、shift、unshift、splice、sort、reverse），这些方法内部手动触发了通知 - 安全写法：改用
this.$set(arr, index, val)，或统一走splice(index, 1, newVal)
对象或数组整体替换会丢失响应式
执行 this.obj = { a: 1 } 时，只是把 this.obj 这个引用指向了一个全新对象。旧对象上的所有 getter/setter 都失效了，而新对象未经 Vue 处理，完全不在响应式系统内。
- 表现：替换后，新对象的属性修改不再触发视图更新（即使它结构和原来一样）
- 规避方式：优先用细粒度更新，比如
Object.assign(this.obj, { a: 1, b: 2 })；或确保新对象是通过Vue.observable({})创建的 - 注意：
Vue.observable返回的是响应式对象，但它不与组件实例绑定，需自行管理依赖
不支持 Map、Set 等原生集合类型
Object.defineProperty 的目标类型限定为普通对象（typeof obj === 'object' && obj !== null && !Array.isArray(obj)）和数组。Map/Set 内部存储机制与属性访问无关，无法通过定义属性描述符来拦截。
- 表现：把
new Map()放进 data，后续map.set('k', 'v')完全静默 - 临时方案：用普通对象模拟（
{ k: 'v' }），或用数组存键值对；也可引入兼容库如vue-es6-collections - 根本解法：Vue 3 用
Proxy替代，天然支持所有数据类型
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
