Vue中使用better-scroll实现轮播图组件

better-scroll 是一款重点解决移动端各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scroll 是基于原生 JS 实现的，不依赖任何框架。它编译后的代码大小是 63kb，压缩后是 35kb，gzip 后仅有 9kb，是一款非常轻量的 JS lib。今天我们利用它实现一个横向滚动――轮播图组件。由于是一个demo，从网上找了几张图片写成json格式，数据用于模拟接口数据。在mock文件夹下新建json文件夹放置json数据文件。将轮播图组件抽象出来，接收isLoop、isAutoPlay、interval属性控制轮播图。如果以上步骤没有看明白的话，可以在我的github中找到源码