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')

查看更新的提琴手here。