vue-virtual

// data = [{ name: 'Foo bar' }]
<virtual-list :data="data" :minSize="50" track-by="id" style="height: 500px;">
  <div slot-scope="scope">
    {{ scope.itemData.name }} // Foo bar
  </div>
</virtual-list>

props: {
  data: {
    type: Array,
    default () {
      return []
    }
  },
  minSize: Number, // 横向滚动 ? 最小item的width : 最小item的height
  horizontal: Boolean, // 横向滚动
  trackBy: String
}