swiper使用vue 自动轮播

以下是使用Vue实现自动轮播的示例：

1. 首先，安装Swiper插件：

npm install swiper@3.4.1 --save-dev

2. 在Vue组件中引入Swiper和Swiper的CSS样式：

import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';

3. 在Vue组件的template中添加Swiper的HTML结构：

<swiper class="swiper" :options="swiperOption">
  <swiper-slide>
    <!-- 轮播内容 -->
  </swiper-slide>
</swiper>

4. 在Vue组件的data中定义swiperOption对象，设置自动轮播的参数：

data() {
  return {
    swiperOption: {
      autoplay: true, // 自动轮播
      loop: true, // 循环播放
      speed: 1000, // 轮播速度（单位：毫秒）
    }
  }
}

请注意，以上示例是基于Swiper 3.4.1版本的，如果你使用的是其他版本，请根据具体版本的文档进行相应的调整。