vue-awesome-swiper 安装 轮播图 手指控制图片放大缩小

**

安装：

**

npm install vue-awesome-swiper --save

main.js中添加

1. 全部引用

import vueSwiper from 'vue-awesome-swiper' // 引入vue-awesome-swiper
import 'swiper/dist/css/swiper.css' // 引入样式

Vue.use(vueSwiper) // 使用插件

2 组件引用

import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
 
export default {
  components: {
    swiper,
    swiperSlide
  }
}

**

轮播图

重点解释一些属性配置：swiperOption
附件：该里面有很多轮播图dome https://surmon-china.github.io/vue-awesome-swiper/

手指控制图片放大缩小

**
直接上代码

完毕