最简洁,最全面的vue2.0实现轮播图实战教程详解

因为最近在做一个积分奖励项目，首页要做一个轮播图，正好借这这次机会把本次使用vue2.0实现轮播图的详细过程分享出来。

废话不多说，先来个效果图(备注:图片是临时在网上找的，各位关注轮播图效果即可)：

如上图所示，实现的就是一个间隔2.5s自动向左切换下一张的轮播图，同时鼠标移入停止轮播，移出回复轮播；

而下方按钮会根据当前图片自动变红且可以手动控制当前图片。

思路：

整个代码部分分为轮播图片和控制span两个部分。

按照前端工程化的需求来说，这两个部分应该解耦成两