Vue.js 如何在 data 里含数组的情况下，监听数组内指定属性的变化？

Question

在含有数组的时候，不知道watch里该如何写，可以监听单个属性值的变化（而不是监听整个数组的变化）。代码如下：data:{items:{[{'name':'zxxxx','a':false,'b':true},{'name':'zxxxx','a':false,'b':true},{'name':'zxxxx','a':false,'b':true}];}},watch:{items:{handler:function(val,old){//code...},deep:true}}如果items里没有数组结构，直接是键值对，watch里可以写成items.key，但是有了数组，不知道该怎么写了。上面的代码是深度监听，不仅过重，有时甚至无法达到想要的效果。求指教~

Answer 1

如果你要监听某个索引的某个属性也是能写的。。。
watch:{
'items.2.name':foo
}
如果是所有子项的某类属性，先使用计算属性做个计算（比如字符串全部拼接，数字求和）,然后watch这个计算属性，来获取属性变化的实际，但是不能准确具体的拿到变化的值的位置信息（index、key）。
然后我觉得你可以换种解决方式，你的最终逻辑目的是什么，值的变化是什么引起的？能不能从操作的地方入手，比如是用户使用input修改了这个值，能不能提交的时候直接提供index和key属性，直接获取变化位置呢？
                            

Answer 2

除了一个一个写外，比如监听数组0中的name，就写成'items.0.name'，显然这不现实。还有一个方法是将你要用到的数组中的数据写在computed中，然后去监听这个computed的值，当数组变化时也会触发watch。
computed:{
itemsA:function(){
leta=this.items.forEach(()=>XXX)
returna
}
}
watch:{
itemsA:{
handler:function(val,old){
console.log(val,old)
},
}
},