**home.vue** ``` <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> <div class="home"> <movie-item v-for="(item,index) of movies" :key="index" :movie="item" @jump="onJump"></movie-item> </div> </van-list> ``` ``` data() { return { movies: [], loading: false, finished: false, total: "" }; }, ``` >[danger]此处的 onLoad（）函数进入页面执行一次，触底时又执行一次 ``` onLoad(){ setTimeout(()=>{ console.log(1); var length = this.movies.length; var url = 'https://douban.uieee.com/v2/movie/coming_soon?start=${length}&count=20'; axios.jsonp(url).then(res=>{ this.handleData(res); this.loading = false; if(length >= this.total){ this.finished = true; } }); },500); }, ``` >[danger] setTimeout在强迫延时，增加体验（官方推荐异步请求时这样使用）