javascript - 使用 VUE - 即使只有部分不同，HTML 是否也会更新？

Question

假设我有一个树状结构的对象数组。它将在 HTML 中显示为列表。

当我点击一个列表项时，孩子们应该展开折叠。

如果在服务器端每次有人请求扩展其中的一部分时我都会发送整个列表，Vue 会刷新那部分还是整个列表？我知道这在视觉上不会有任何区别，我只是想弄清楚 Vue 在内部做了什么

标签： javascriptvue.jshierarchy

Answer 1

https://vuejs.org/v2/guide/list.html

为了给 Vue 一个提示以便它可以跟踪每个节点的身份，从而重用和重新排序现有元素，您需要key为每个项目提供一个唯一的属性：

<div v-for="item in items" v-bind:key="item.id">