小白入门---Vue无限滚动（vue-infinite-scroll）

Vue无限滚动（vue-infinite-scroll）

1.安装插件

1.npm i vue-infinite-scroll –save:安装vue-infinite-scroll插件并且会将包的名称及版本号放在dependencies里面

2.D就是–save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面，而–save会将包的名称及版本号放在dependencies里面《上线需要依赖的我们都需要写在dependencies里面》

2.使用插件

import infiniteScroll from 'vue-infinite-scroll'
Vue.use(infiniteScroll)

3.在组件中使用插件

使用v-infinite-scroll=”loadMore”当页面触发到底部的时候 执行这个函数，并使用infinite-scroll-disabled=”busy”判断当滚动满足条件后是否执行loadMore函数，使用infinite-scroll-distance=”x”距离底部多远然后执行loadMore。

"loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10">
  ...