摘要：
vue-easyrefresh简介 EasyRefresh的目标是创建一个强大、稳定和成熟的下拉刷新框架。GitHub:vue easyfreshApp版本：fluent_ easyfresh特性和功能：支持跨境反弹效果，支持自定义，并集成了许多酷炫的页眉和页脚。支持下拉刷新，上拉加载（自动），支持触发刷新和加载。支持嵌入页眉和页脚列表以及视图浮动。支持列表事件监视，并制作任何类型的页眉和页脚，它可以放在门户属性文档FAQ更新日志自定义页眉和页脚D中的任何位置emohttps://xuelongqy.github.io/vue-easyrefresh简单的用例1.安装vue-easyrefresh//使用该命令安装npminstallvue easyfresh S或yarnadvue easyfresh//使用包装。json“dependencies”：｛“vue easyrefresh”：“version”，……｝2.从‘vue easy refresh’vue引入EasyFreshimportVue。使用3.使用EasyFresh˂！
正如名字一样，EasyRefresh很容易就能在基于Vue的Web应用上实现下拉刷新以及上拉加载操作，支持主流的PC和移动浏览器。它的功能灵感来源于与Android的SmartRefreshLayout，同样也吸取了很多三方库的优点。EasyRefresh中集成了多种风格的Header和Footer，但是它并没有局限性，你可以很轻松的自定义，做到你想要的任何样子。使用Html强大的动画，甚至随便一个简单的控件也可以完成。EasyRefresh的目标是打造一个强大，稳定，成熟的下拉刷新框架。
GitHub：vue-easyrefresh
App版本移步：flutter_easyrefresh
特点功能:
- 支持越界回弹效果
- 支持自定义并且已经集成了很多炫酷的 Header 和 Footer
- 支持下拉刷新、上拉加载(可自动)
- 支持触发刷新和加载
- 支持 Header 和 Footer 列表嵌入以及视图浮动两种形式
- 支持列表事件监听，制作任何样子的 Header 和 Footer，并且能够放在任何位置
传送门
Demo
https://xuelongqy.github.io/vue-easyrefresh
简单用例
1.安装vue-easyrefresh
// 使用命令安装
npm install vue-easyrefresh -S
或者
yarn add vue-easyrefresh
// 使用package.json
"dependencies": {
"vue-easyrefresh": "version",
....
}
2.引入 EasyreFresh
import Vue from 'vue'
import EasyRefresh from 'vue-easyrefresh'
Vue.use(EasyRefresh)
3.使用 EasyreFresh
<EasyRefresh
:userSelect="false"
:onRefresh="onRefresh"
:loadMore="loadMore">
<!-- 列表内容 -->
</EasyRefresh>
<!-- 更多使用方法请参考Example -->
使用指定的 Header 和 Footer
<EasyRefresh
:userSelect="false"
:onRefresh="onRefresh"
:loadMore="loadMore">
<template v-slot:header>
<MaterialHeader/>
</template>
<StripeList :count="itemCount"/>
<template v-slot:footer>
<MaterialFooter/>
</template>
</EasyRefresh>
<!-- 注：<template v-slot:header>为vue2.6后的语法，仍然可以使用<MaterialHeader slot="header"/> -->
QQ讨论群 - 623262733
进群须知
这个群不仅仅是解决EasyreFresh的问题，任何Vue.js相关的问题都可以进行讨论。正如它的名字一样，有问必答，只要群主有时间，都会帮大家一起解决问题。