虚拟滚动

所谓的虚拟滚动列表，就是不一次性渲染全部列表数据，只渲染当前可视区及附近的列表，使用户在无感知的情况下，节省渲染列表开销，提升系统性能的一种技术。

• vue-virtual-scroller (opens new window)

• vue-virtual-scroll-list (opens new window)

参考

• 花三个小时，完全掌握分片渲染和虚拟列表～ (opens new window)

• 虚拟滚动是怎么做性能优化的? (opens new window)

• 三种虚拟列表原理与实现 (opens new window)

• 不定高虚拟列表的一种实现 (opens new window)

• 性能飙升50%，react-virtualized-list如何优化大数据集滚动渲染 (opens new window)

• Vue3 封装不定高虚拟列表 hooks，复用性更好！ (opens new window)