vant中list列表组件使用

List 的运行机制:

• List 会监听浏览器的滚动事件并计算列表的位置，当列表底部与可视区域的距离小于offset时，List 会触发一次 load 事件。

1. 基础结构

• <van-list 
  	v-model="loading" 	                // 是否显示正在加载状态
  	:finished="finished" 				// 是否已经加载完成
  	finished-text="没有更多了"			// 加载完成提示文案
  	@load="onLoad" 						// 滚动条与底部距离offset时触发事件
  	offset="300"						// 滚动条与底部距离offset时触发@load(默认300)
  	:error.sync="error" 				// 是否显示加载失败状态
  	error-text="请求失败，点击重新加载"	// 加载失败提示文案
  	>
  	
     <van-cell v-for='(item, index) in list' :key="index">  // 循环列表数据
     		<div>{
      {item}}循环出来的数据<div>
     </van-cell>
   </van-list>  
  

2.data声明:

data() {
    return {
      l