vue2.0上拉加载下拉刷新

Vue2.0上拉加载和下拉刷新可以通过第三方插件来实现，比如使用better-scroll插件。下面是一个简单的示例代码：

1. 安装better-scroll插件

npm install better-scroll --save

2. 在需要使用的组件中引入better-scroll

import BScroll from 'better-scroll'

3. 在组件的mounted钩子函数中初始化better-scroll

mounted() {
  this.$nextTick(() => {
    this.scroll = new BScroll(this.$refs.wrapper, {
      scrollbar: true,
      pullUpLoad: true,
      pullDownRefresh: true
    })

    // 监听上拉加载事件
    this.scroll.on('pullingUp', () => {
      // 加载更多数据
      this.loadMoreData()
      // 加载完成后需要调用finishPullUp方法
      this.scroll.finishPullUp()
    })

    // 监听下拉刷新事件
    this.scroll.on('pullingDown', () => {
      // 刷新数据
      this.refreshData()
      // 刷新完成后需要调用finishPullDown方法
      this.scroll.finishPullDown()
    })
  })
}

4. 在组件的template中使用better-scroll

<template>
  <div class="wrapper" ref="wrapper">
    <ul>
      <li v-for="item in list">{{ item }}</li>
    </ul>
  </div>
</template>

注意：需要在组件的data中定义list数组，并在loadMoreData和refreshData方法中更新list数组的数据。