Vue.js版2使用钥匙作为JSON.stringify(obj)从xhr回调更改obj时重新呈现子组件

当prop传递的数组的任何元素从xhr请求更改时,我需要重新呈现子组件。向子组件传递一个空数组 (allFiles) 在开始和子组件内部,我使用v-for为每个数组元素显示一行。在任何时候,用户都可以向数组添加一个新元素,该元素显示的每行信息很少。一旦添加了元素,我就发出xhr请求以获取附加信息,当返回信息时,我将在行上显示新的信息。

:key="JSON.stringify(allFiles)"

元素如下所示:

<file-edit-list :all-files="allFiles" :key="JSON.stringify(allFiles)"></file-edit-list>

console.log(this.allFiles)

for (const k in response) {
  if (response[k]) {
    this.allFiles[fileIndex][k] = response[k];
  }
}

我不认为这是最好的。如何在保持所有功能正常工作的同时提高性能。