vue-infinite-loading 一款用于 Vue.js 的无限滚动插件。
特点
开箱即用
简洁至上的 api、内置加载动画以及良好的兼容性，可立即投入生产
双向支持
目前支持向上和向下两种加载方式，可适应于更多的应用场景
结果展示
可配置的加载结果展示，比如没有更多数据、没有任何数据等等
安装
npm
推荐在构建大型应用的时候使用这种方式进行安装。
npm install vue-infinite-loading -S
直接使用 <script> 引入
在使用 script 标签引入此插件后，InfiniteLoading 组件会被自动注册到全局，开发时直接进行使用即可。
CDN
你可以借助unpkg引入此插件：
<script src="https://unpkg.com/vue-infinite-loading@^2/dist/vue-infinite-loading.js"></script>
引用
组件形式
你可以直接将它当做一个自定义组件进行引用：
<template>
<infinite-loading></infinite-loading>
</template>
<script>
import InfiniteLoading from 'vue-infinite-loading';
export default {
components: {
InfiniteLoading,
},
};
</script>
插件 API
如果你需要改变插件的默认配置，那么可以采用 Vue.js 提供的 use API 对此插件进行注册：
// main.js or index.js
import InfiniteLoading from 'vue-infinite-loading';
Vue.use(InfiniteLoading, { /* 配置 */ });
和 script 引入方式一样，使用插件 API 也会将 InfiniteLoading 组件注册为全局组件，在你自己的组件中就无需再使用 components 属性重复注册了。
链接: https://fly63.com/nav/3645
