基于vue2.0实现简单轮播图

因为之前一直在忙公司的项目，vue这块就生疏了不少，正好借这个小demo复习下vue的知识。我们使用v-for列表渲染两个部分，值得注意的是列表渲染最好要提供一个key值，至于为什么官方文档说得很复杂，在上一步我们渲染的是一个img数组，具体：然后实现轮播的原理就是创建一个变量与当前遍历的index值比对，若相同则显示，否则隐藏；创建定时器，每隔2.5s给变量mark+1，挂载到钩子函数created：加上css文件，出现基本的效果。现在我们得到的效果还是每隔一段时间图片突然变成另外一张，用户体验很差，达不到轮播的效果。给下方按钮增加切换图片的点击事件。