vue3如何使用vue-virtual-scroll-list

使用vue-virtual-scroll-list组件，需要进行以下步骤：

1. 在项目中安装vue-virtual-scroll-list组件：

npm install vue-virtual-scroll-list --save

2. 在Vue组件中引入vue-virtual-scroll-list组件：

import VirtualList from 'vue-virtual-scroll-list'

3. 在Vue组件中使用vue-virtual-scroll-list组件：

<virtual-list :size="10" :remain="5" :bench="30" :data-key="'id'" :data-sources="list" :data-component="itemComponent">
</virtual-list>

其中，size表示虚拟列表的总长度，remain表示当前可见区域的长度，bench表示最多渲染的行数（可以减少渲染次数），data-key表示列表项的唯一标识符，data-sources表示数据源，data-component表示渲染每个列表项的组件。

4. 在Vue组件中定义渲染每个列表项的组件：

<template>
  <div class="item">{{ item.text }}</div>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      required: true
    }
  }
}
</script>

其中，item为传入的列表项数据。

5. 在Vue组件中定义数据源：

data() {
  return {
    list: [
      { id: 1, text: 'item1' },
      { id: 2, text: 'item2' },
      { id: 3, text: 'item3' },
      ...
    ]
  }
}

以上就是使用vue-virtual-scroll-list组件的基本步骤，根据实际需求可以进行更多的配置。