前端：
    当用户打开首页的时候显示8条，当用户滚动屏幕到显示的商品边缘，然后加载新的数据。

    实现：
    检测用户滚动商品边缘，请求下一页的api，然后写入到页面

    代码实现：
        infiniteScroll
        vue-infinite-scroll

        npm install vue-infinite-scroll --save

        在页面里面使用
        在 main.js

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

        使用方式：
        https://www.npmjs.com/package/vue-infinite-scroll

```

<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10">
  ...
</div>

v-infinite-scroll="loadMore" 当页面触发到底部的时候 执行这个函数
infinite-scroll-disabled="busy" 判断当滚动满足条件后是否执行loadMore函数

infinite-scroll-distance="10"  距离底部多远然后执行loadMore



var count = 0;
 
new Vue({
  el: '#app',
  data: {
    data: [],
    busy: false
  },
  methods: {
    loadMore: function() {
      this.busy = true;
 
      setTimeout(() => {
        for (var i = 0, j = 10; i < j; i++) {
          this.data.push({ name: count++ });
        }
        this.busy = false;
      }, 1000);
    }
  }
});
```


```
getGoods(flag){
            let sort = this.sortFlag ? 1 : -1;
            let param = {
                sort:sort,
                priceLevel:this.priceChecked,
                page:this.page,
                pagesize:this.pagesize
            }
            axios.get('/goods/list',{params:param}).then(result=>{
                let res = result.data;
                // this.list= res.data.result;
                if(flag){ //判断是否通过分页请求
                    // 分页的数据追加到这个list里面
                    this.list = this.list.concat(res.result);

                    // 判断当数据加载完了，让数据截停
                    console.log(res.result.length);
                    if(res.result.length == 0){
                        this.busy = true;
                        console.log(this.busy);
                    }else{
                        this.busy = false;
                    }
                }else{
                    // 第一次请求
                    this.list = res.result;
                    this.busy = false;
                }
                console.log(res.result);
            })
        },

        loadMore: function() {
            this.busy = true;
            setTimeout(() => {
                // console.log(1111);
                this.page++;
                this.getGoods(true);
            }, 500);
        }
```
后端：
    api：需要两个参数
        page：第几页
        prepage： 一页显示几条
