vxe-select 虚拟列表

vxe-select是一个基于Vue.js的下拉选择框组件，支持虚拟滚动，可以在大数据量的情况下提高渲染性能。虚拟滚动是指只渲染可视区域内的数据，而不是渲染所有数据，从而减少了渲染的数据量，提高了渲染性能。下面是一个vxe-select虚拟列表的例子：

<template>
  <div>
    <vxe-select
      v-model="value"
      :options="options"
      :virtual-scroll="true"
      :virtual-scroll-item-size="40"
      :virtual-scroll-item-render="renderItem"
    ></vxe-select>
 </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      options: []
    }
  },
  created() {
    for (let i = 0; i < 100000; i++) {
      this.options.push({
        value: i,
        label: '选项' + i
      })
    }
  },
  methods: {
    renderItem({ item }) {
      return item.label
    }
  }
}
</script>

在上面的例子中，我们通过设置`virtual-scroll`为`true`来启用虚拟滚动，设置`virtual-scroll-item-size`为每个选项的高度，设置`virtual-scroll-item-render`为每个选项的渲染函数。这样，在选择框中只会渲染可视区域内的选项，而不是渲染所有选项，从而提高了渲染性能。