【Vue2.x插件】Element饿了么实现轮播图（走马灯）

组件地址：Element - The world's most popular Vue UI framework

插件安装及使用访问见文档，超简单的。

附上我的代码：

需要轮播图功能的组件中：

模板代码：

解释一下：因为轮播功能大佬团队已经帮我们实现了，是遍历的number，所以效果图中是轮播的数字。我们的需求是轮播图片，意味着遍历的数据源将是图片。所以在data中配置数据源。

v-for 指令使用方法见vue.js使用文档：

列表渲染 — Vue.js

将遍历的结果至于<img>标签的src属性中即可，记得动态绑定src，才会更新数据源

标签的JS代码：

 解释一下：JS中比较重要的就是这个图片资源的配置前面要加require方法，具体原因由于还没学到相关文档，所以暂且当做方式记下。

效果图：（由于录的太窄了，实际上两边还有跳转箭头）--文件太大传不了，呜呜。