vue-awesome-swiper使用

vue-awesome-swiper 是一个 Vue.js 的轮播组件，可以用来制作图片、视频等内容的轮播效果。

使用方法：
1. 安装 vue-awesome-swiper：npm install vue-awesome-swiper
2. 在 main.js 中引入并使用 vue-awesome-swiper：

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

Vue.use(VueAwesomeSwiper)

3. 在组件中使用 swiper 标签，并通过 options 属性配置轮播参数：

<template>
  <swiper :options="swiperOption">
    <swiper-slide v-for="(item, index) in list" :key="index">
      <img :src="item.src" alt="">
    </swiper-slide>
  </swiper>
</template>

<script>
export default {
  data() {
    return {
      swiperOption: {
        autoplay: true,
        loop: true
      },
      list: [
        { src: 'image1.jpg' },
        { src: 'image2.jpg' },
        { src: 'image3.jpg' }
      ]
    }
  }
}
</script>

详细配置项和用法请参考官方文档:https://surmon-china.github.io/vue-awesome-swiper/