## [list](https://youzan.github.io/vant/#/zh-CN/list) Tip:进入页面之后onLoad函数会自动触发,也就是它会触发两次 - 第一次进入页面的时候触发 - 第二次页面到达底部的时候触发 等于集成了小程序中,onLoad和onReachBottom函数,所以直接将[进入页面的网络请求]()和[上拉刷新]()的网络请求,都要写在`List的onLoad中` ## [示例代码](https://gitee.com/html5_of_the_buddha_department/vue-demo/tree/master/01vant-list%E4%B8%8A%E6%8B%89%E5%88%B7%E6%96%B0) ~~~ <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <van-cell v-for="item in list" :key="item" :title="item" /> </van-list> ~~~ ~~~ export default { data() { return { list: [], loading: false, finished: false }; }, methods: { onLoad() { // 异步更新数据 setTimeout(() => { for (let i = 0; i < 10; i++) { this.list.push(this.list.length + 1); } // 加载状态结束 this.loading = false; // 数据全部加载完成 if (this.list.length >= 40) { this.finished = true; } }, 500); } } } ~~~