我在重新渲染数组项时遇到问题。我希望有人可以帮助我。有一个代码： https ://codesandbox.io/s/vuex-store-forked-2qx1g?file=/src/App.vue
我们有包含项目数组的组件。模板仅呈现集合中的第一项。2 秒后，我们更改第一个项目的标题 - 调用更新的钩子，看起来正确 4 秒后，我们将新项目添加到数组 - 再次调用更新的钩子。我是否正确理解将项目添加到数组会导致所有先前项目的重新呈现？
或者更新的钩子意味着虚拟 DOM 发生了变化，但没有发生真正的重新渲染？无论如何，这种情况会成为大量数据的性能问题吗？
从updated钩子文档中我们看到：
在数据更改后调用会导致虚拟 DOM 被重新渲染和修补。
当渲染函数中使用的任何实例数据发生变化时，渲染函数将被再次调用。除非必要，否则不会替换 DOM。
在您的示例中，Vue 智能地避免了任何 DOM 更改，但仍会在每次更新时调用 render 函数。所以唯一的开销是render函数本身，而不是 DOM 更改。
如果您的渲染函数执行非常昂贵的操作（例如，巨大的数组被排序、映射、过滤等），那么这可能会导致一些性能问题。例如，如果模板直接调用一个方法：
{{ ExpensiveSort() }}
这是在模板中避免做的事情。