vue无法响应数组元素的变化


 众所周知,vue是mvvm模式的一个渐进式框架,data中的数据是响应式的(数据改变视图随之改变),但有特殊情况,如对data中的数组的元素是不具有响应式的,

eg

对该例中的list数组做出如下修改

vue是可以监听到的,但若做出如下修改数组某一项元素时

 vue则不会监听到数据的改变

解决方案:

使用   this.$set(要修改的数组,索引号,修改后的数组元素的值);

   Vue.$set(要修改的数组,索引号,修改后的数组元素的值);

eg:

结果:

 箭头指向说明该对象受到vue监听。

vue