vue中引入jquery写轮播图

上面一篇写了引入jquery的方法，现在我们来写用jq写简单的图片轮播

1、在HTML中给需要轮播的div加入一样的class名，例如：

<!-- 上面地图 -->
<div id="WorldMapT" class="div"></div>
<!-- 下面地图 -->
<div id="WorldMapB" class="div"></div>

2、在js里面export default》》data里面return要声明的变量，例如：

3、在js里面的export default》》methods写一个banner方法：

banner:function(){
    this.timer = setInterval(function(){
        index = (index == 1)?0:index+1;
        $(".div").fadeOut(2000).eq(index).fadeIn(2000);
    },5000);
},

4、在js里面的export default》》mounted方法里调用：

这样就可以了