前端vue里面点击加载更多_前端实现数据的分批加载

当服务端数据没有进行分页处理时，ajax请求一次接口返回所有的数据；当请求数据过多的时候页面渲染会非常慢，并且很容易造成页面卡死现象；因此，前端可以通过js进行分页，达到分批加载数据的目的。

一、技术点

使用vue+es6+axios+mock.js。这里mock了32条随机数据，不熟悉的小伙伴请翻阅mock.js官方文档进行学习。

二、效果图

三、原理

利用slice截取前5条数据(如arr.slice(0,5))，当点击加载更多时累加5条数据(arr.slice(5,10))，然后把数组里的obj数据push到一个变量里，然后用vue来进行模板渲染。

这里，熟悉一下sl