前端列表性能：key、分页与虚拟列表

难度：进阶。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。

稳定 key 避免列表重排时组件状态错位；分页减少首屏数据；虚拟列表减少 DOM，但会增加滚动和可访问性设计。

示例

items.map(item => ({ key: item.id, label: item.name }))

来源

• https://vuejs.org/guide/best-practices/performance.html