安装 -演示

npm i vue-virtual-scrolleryarn add vue-virtual-scroller

vue-virtual-scroller 是一个 Vue 组件库，用于高效地渲染大量数据项，通过虚拟滚动来提升性能。它适用于长列表、网格、表格等场景

引入组件

Vue 项目中引入并注册 vue-virtual-scroller 组件。你可以在全局或局部注册组件

全局注册

在 main.js 中

import Vue from 'vue';
import { VirtualScroller, RecycleScroller } from 'vue-virtual-scroller';
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';Vue.component('virtual-scroller', VirtualScroller);
Vue.component('recycle-scroller&