load-more-donna v1.0.1

vue项目中，滚动触底，加载更多

每当我们一个页面加载到非常多的数组项时，想要实现“滚动触底，加载更多”的效果，就可以使用这个插件。

作者：donna_hd(Donna)

一、安装

npm i load-more-donna -S

或

yarn add load-more-donna

二、 vue 项目入口文件调用

在 vue 项目的入口文件 main.js 中：

import LoadMore from "load-more-donna";

Vue.use(LoadMore);

三、组件中使用

在产品列表组件上做修改，举例： 如原来的组件是一次性的写法：

<Products :arr="goodsList" />

现在可以改为：

<LoadMore :bigarr="goodsList" :size="8">
      <Products slot-scope="scope" :arr="scope.smallarr" />
</LoadMore>

四、参数注释

• bigarr 代表你要渲染的总数据（Array 类型）
• size 代表你每次滚动要加载多少项(Number 类型)
• smallarr 代表每次返回出来的新数组

重点：调用者只需在 <LoadMore></LoadMore> 组件上的 bigarr和 size属性的值即可。