Vue轮播图VUE真棒刷卡插件代码实例

vue2.0最近写的项目使用一个插件轮播图，这是Vue可怕的捣蛋鬼，个人感觉还是比较强的，和API可以配置在刷卡的网站使用（支持3）、插件的一些步骤，使用以下说：
第一步安装

NPM安装Vue真棒刷卡--保存
第二部分引入main.js

进口Vue from'vue
进口vueawesomeswiper from'vue-awesome-swiper
vue.use（vueawesomeswiper）
然后您可以在组件中使用插件。

进口{刷卡，swiperslide } from'vue-awesome-swiper
出口默认{
组成：{
捣蛋鬼，
swiperslide
}，
数据（）{
返回{
swiperoption：{
/ /是财产的一部分，如果notnexttick设置为true，该组件是不通过nexttick实例化的捣蛋鬼，这意味着你可以在第一次刷卡的对象，如果你只需要使用刷卡对象获得加载时间什么的，那么这个属性必须是真实的
NotNextTick：真的，
分页：加分页的，
SlidesPerView：汽车，
centeredslides：真，
paginationclickable：真，
间距：30，
OnSlideChangeEnd：刷卡= > {
位置 / /回调方法加
this.page =刷卡。realindex + 1；
this.index = swiper.realindex；
}
}
}
}，
的sweiper对象 / /定义
计算机：{

刷卡（）{
这refs.myswiper.swiper美元收益；
}
}，
挂载（）{
在这里你可以使用刷卡 / /这个对象在官方网站使用刷卡的方法
This.swiper.slideTo（0, 0，false）；
}

}
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。