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

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

eg

:

 

 

 

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

 

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

 

 

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

 

解决方案：

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

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

eg:

 

 

结果：

 

 

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