Vue2 响应式原理 Vue 2
约 191 字小于 1 分钟
2025-03-14
缺点
- 对象:删除和添加属性无法识别
- 数组:直接修改数组长度;按照下标操作数组里的对象,vue 识别不到
可以使用 $set 和 $delete 去处理,或者 ES6 数组里的一些新方法比如 Array.splice
当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data
选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty
把这些 property 全部转为 getter/setter。Object.defineProperty
是 ES5 中一个无法 shim 的特性,这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。
Object.defineProperty(parent, "chrilren", {
get() {
return bValue;
},
set(newValue) {
bValue = newValue;
},
enumerable: true,
configurable: true,
});
更新日志
2025/8/24 08:17
查看所有更新日志
e7112
-1于