瀑布流

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

作者:Liumou-i

一.安装

npm i load-more-llh -S

或

yarn add load-more-llh 

二.引入

import LoadMore from 'load-more-llh'

Vue.use(LoadMore)

三.使用

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

<Products :arr="goodsArr" />

现在修改为:

  <LoadMore :bigarr="goodsArr" :size="8" >
            <Proudck  slot-scope="scope" :arr="scope.samllarr"/>
    </LoadMore>

四.备注关键词

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

• 只需要修改 <LoadMore><LoadMore>组件里面的属性值即可.