vue無法響應數組元素的變化

 眾所周知，vue是mvvm模式的一個漸進式框架，data中的數據是響應式的（數據改變視圖隨之改變），但有特殊情況，如對data中的數組的元素是不具有響應式的，

eg

:

 

 

 

對該例中的list數組做出如下修改

 

vue是可以監聽到的，但若做出如下修改數組某一項元素時

 

 

 vue則不會監聽到數據的改變

 

解決方案：

使用   this.$set(要修改的數組，索引號，修改后的數組元素的值)；

　　　Vue.$set(要修改的數組，索引號，修改后的數組元素的值);

eg:

 

 

結果：

 

 

 箭頭指向說明該對象受到vue監聽。