vue~上拉加载、下拉刷新

demo地址
1.创建组件scroll.vue
2.导出组件scroll.js
3.在ming.js引入

import scroll from './assets/js/scroll.js'
Vue.use(scroll)

4.开始使用

<template>
    <div class="content">
      <scroll :on-refresh="onRefresh" :on-infinite="onInfinite" :isLading="isLading" :reset="reset">
        <ul>
          <li v-for="item in oData" :key="item.id">{
  {item}}</li>
        </ul>
      </scroll>
    </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      isLading: 2, // 0:加载完成，1:加载中，2:提示上拉加载
      reset: 0, // 0初始化
      paging: {count: 10, page: 1}, // 请求条数和当前请求页
      // 模拟数据
      getData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 2