vue watch

Question

<div id="itany">       <div>{{items}}</div>    </div>           <script>      var vmvm = new Vue({        el:"#itany",        data:{          count:0,          items:[1,2,3,4,5]        },        watch:{          "items":{            handler(newValue,oldValue){              console.log(newValue)            },            deep:true          }        }      });      console.log(vmvm.items[0]);      vmvm.items[0] = 200;    </script>请问下，为什么console.log()为什么没有执行呢,而如果数组里面是对象的话就可以打印出来，

Answer 1

看文档

Answer 2

vue数组的检测是个特殊的存在，当使用arr[index]=a或者arr.length=0的的时候，watch无法检测到，vue提供了一些解决方法，比如vue.$set；