。

Vue双向绑定原理是利用js中的Object.defineproperty重定义对象的GET和SET方法#xff0c;而同时这…

watch监听不到数组对象的变化一、利用索引直接改变arr的值二、修改数组的长度arr.length三、添加和修改对象属性和值Vue不能监听到数组和对象值的变化其实和双向绑定的原理有关。

Vue双向绑定原理是利用js中的Object.defineproperty重定义对象的GET和SET方法而同时这种方法存在着缺陷。

就是只能监听到对象内已有的值。

在监听对象中属性变化的方法中中无疑是使用ES6的proxy更为优越。

**总结

如果操作对象是数组改变数组的值用Vue的set方法改变数组的长度用数组的splice方法使数组变化变成可监听的。

如果操作对象是对象。

如果操作的属性是对象内已经有的值使用set方法

改变数组的长度用数组的splice方法使数组变化变成可监听的。

如果操作的属性是对象内已经有的值使用set方法改变数组的长度用数组的splice方法使数组变化变成可监听的。

如果操作对象是对象。

如果操作的属性是对象内已经有的值使用watch,加上关键字deep深度监听对象

如果操作的属性是对象内没有的新属性。

使用$set使对象变成可监听的

watch:{arr:function

{console.log(obj改变了)},deep:true

obj:{

https://be***me.net/news/txtlist_i64894v.html?actiononClick

链接:

https://blog.csdn.net/qq_38280242/article/details/102807862