实现移动端上拉加载和下拉刷新的vue插件(mescroll.js)

做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点

1.npm安装

npm install --save mescroll.js //不要使用cnpm安装

• 导入(在哪个页面使用,则在哪个页面导入(这里的话，我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入))：

import MescrollVue from ‘mescroll.js/mescroll.vue’

• 注册组件：

components: {
    MescrollVue // 注册mescroll组件
},

• template使用

<mescroll-vue ref="mescroll" :down="mescrollDown" :up="mescrollUp" @init="mescrollInit" class="scrollView"></mescroll-vue>

2.data里进行相关配置

data () {
  return {
    mescroll: null, // mescroll实例对象
    mescrollDown:{}, //下拉刷新的配置. (如果下拉刷新和上拉加载处理的逻辑是一样的,则mescrollDown可不用写了)
    mescrollUp: { // 上拉加载的配置.