vue搭建的图片轮播

 查看演示  website  立即下载

使用方法

引入vue库

<script src="js/vue.min.js"></script>

创建vue实例，data里面存放轮播图的路径
此插件应用了一些vue的简单的事件绑定，列表循环以及显示隐藏
同时为了使图片轮播交互效果更好，还使用了<transition-group>过渡（vue官网有详细介绍）
可以在标签内设置 enter-active-class 和 leave-active-class来产生轮播平滑的效果
或者可以在css中设置：（设置的transition-group的name="image"）

.image-enter-active{}
.image-leave-active{}
.image-enter{}
.image-leave{

PREVIOUS:
NEXT:
简单的js五子棋
jQuery背景跟随（原创）