安装使用vue-virtual-scroller

1. 安装vue-virtual-scroller

使用npm安装：

npm install vue-virtual-scroller --save

使用yarn安装：

yarn add vue-virtual-scroller

2. 在Vue项目中引入

在main.js中引入：

import Vue from 'vue'
import VueVirtualScroller from 'vue-virtual-scroller'

Vue.use(VueVirtualScroller)

3. 在Vue组件中使用

<virtual-scroller :items="items" item-height="50">
  <template slot-scope="{item}">
    <div class="item">{{ item }}</div>
  </template>
</virtual-scroller>

其中，`items`为渲染的数据数组，`item-height`为每个item的高度，`slot-scope`中的`item`为当前渲染的数据项。

4. 配置参数

可以通过配置参数来调整虚拟滚动的效果。

- `item-height`：每个item的高度，必填。
- `min-height`：虚拟滚动容器的最小高度，默认为`0`。
- `key-field`：每个item的key值，默认为`id`。
- `buffer-size`：预渲染区域的数量，默认为`1`。
- `page-mode`：是否启用分页模式，默认为`false`。
- `page-size`：每页渲染的item数量，仅在分页模式下有效。
- `debug`：是否开启调试模式，会在控制台输出详细信息。

5. 其他注意事项

- 虚拟滚动容器需要有固定的高度。
- 如果渲染的数据项发生变化，需要手动调用`refresh`方法刷新虚拟滚动容器。
- 如果需要滚动到指定位置，可以通过`scrollToIndex`方法实现。