javascript - Vuejs2：如何在数组更改时重新渲染数组计算属性

Question

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

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

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

也许存在触发重新渲染计算属性的方法？

Answer 1

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

您必须使用Vue.set或vm.$set按照此处的说明触发反应系统中的状态更新，如下所示：

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

在此处查看更新的提琴手。