Vue2.X 版本的数据响应缺陷、原因及解决方案

212 阅读1分钟

①缺陷一:无法监听到对象属性的动态添加和删除,解决方案:使用 $set 更改对象数据;
②缺陷二:无法监听到数组下标和 length 长度的变化,解决方案:使用 push、pop、shift、unshift、splice、sort、reverse 方法来改变数组;
③原因:Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的;