vant2使用list

vant2中的List组件用于展示长列表，并且支持瀑布流滚动加载。你可以通过设置`immediate-check`属性来控制页面加载完成后是否自动加载一次列表项。同时，需要注意的是，在`van-list`组件中的元素不能有`float`样式，否则会导致连续触发load事件。

以下是一个使用vant2的List组件的示例代码：

<template>
  <van-list
    v-model="list"
    :finished="finished"
    @load="onLoad"
    :immediate-check="false"
  >
    <template v-slot:default="{ item }">
      <van-cell :title="item.title" :value="item.value" />
    </template>
  </van-list>
</template>

<script>
export default {
  data() {
    return {
      list: [], // 列表数据
      finished: false // 是否加载完成
    };
  },
  methods: {
    onLoad() {
      // 模拟异步加载数据
      setTimeout(() => {
        // 加载更多数据
        // ...

        // 判断是否加载完成
        if (this.list.length >= 100) {
          this.finished = true;
        }

        // 加载完成后调用finish方法
        this.$refs.list.finishLoad();
      }, 1000);
    }
  }
};
</script>

在上述示例中，`list`是用于存储列表数据的数组，`finished`用于标识是否加载完成。`onLoad`方法用于模拟异步加载数据，你可以根据实际需求进行修改。