load-mor v1.0.0

瀑布流插件

如果后端一次性返回成千上万条数据，那么可以在产品组件的外层套用这个loadmore

ctrl shift k

一安装

npm i load-more -S

或者

yarn add load-more

二、Vue项目入口文件调用

在vue项目入口文件main.js写入以下代码:

import LoadMore from 'load-more'

Vue.use(LoadMore)

三、组件中使用

找到产品列表组件的外层,原本如果是这种一次渲染的写法(原生写法)

<Products :arr="goodsArr />

现在可以改写为:

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

四、参数复制

bigarr代表原数组（大数组）

smallarr代表加载数组(小数组)

size:每次展示的数量