虚拟滚动

标签下的所有文章 1 篇文章
返回所有标签

Vue虚拟滚动如何将列表DOM数量从万级降至十位数?

大规模列表用v-for渲染时,过多DOM节点致页面初始化慢、滚动卡顿等性能问题。优化方案:虚拟滚动(如vue-virtual-scroller的RecycleScroller)通过计算可视区域项数,仅渲染少量DOM(如item-size设50px,10000条数据仅渲染10条);v-memo缓存模板片段,依赖数组参数控制是否更新,结合v-for减少重复渲染。