Vuejs2：如何在数组更改时重新呈现数组计算属性

Question

我有一个名为List的数组，并为他创建了计算属性computedList。 当我更新数组的值时，它没有在html中显示，但在控制台中我看到thar数组已更新。

`https://jsfiddle.net/apokjqxx/69/`   

对数组使用计算属性的最佳方法是什么？

可能存在触发重新呈现计算属性的方法吗？

Answer 1

由于JavaScript的限制，Vue无法检测到对数组的更改，如下所示：this.list[1] = 'vueman'

您必须使用Vue.set或vm.$set解释here来触发反应系统中的状态更新，如下所示：

  this.$set(this.list, 1, 'vueman')

请参阅更新的fiddler here。