vant---vantui上拉刷新下拉加載

在用vantui做移動端列表數據渲染的時候，經常會使用到下拉刷新和上來加載。

其實在 vant ui 裏面，它已經爲我們提供了對應的組件，我們只需要去使用即可，具體代碼示例：

<van-pull-refresh v-model="tableList.refreshing" @refresh="refreshs">
  <van-list v-model="tableList.isLoading" :finished="tableList.finished" :error.sync="tableList.error" error-text="請求失敗，點擊重新加載" finished-text="沒有更多了" @load="getList">       
    <div class="item" v-for="(item,key) in tableList.tableData" :key="key" @click="handleReadOne(item)">
      <div class="item-title">{{ item.description }}</div>
      <div class="item-dot" v-if="!item.status"></div>
      <div class="item-bot">
        <div class="bot-left">{{ item.title }}</div>
        <div class="bot-right">{{ item.createdTimeText }}</div>
      </div>
    </div>
  </van-list>
</van-pull-refresh>

打完收工！