Vue3列表渲染中维护状态 - 状态更新 官网
当列表数据更新,Vue会根据 key 来判断哪些列表项需要更新。若列表项的顺序改变,Vue会复用已有DOM元素,而非重新创建。 // 示例:更新列表数据const items = ref([ { id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }]);// 更新列表items.value = [ { id: 2, name: 'Item 2' }, { id: 1, name: 'Item 1' }];// 运行结果:列表项顺序改变,但DOM元素会复用 提示:避免在更新列表时改变列表项的key,否则可能导致性能下降。