vue中实现带缩略图得轮播图（swiper）

记录一下vue实现带缩略图得轮播图

swiper版本一定要对，高了或者低了都可能会出问题

1.引入swiper和vue-awesome-swiper插件

npm install swiper@4 --save
npm install vue-awesome-swiper@3 --save

2.在main.js中引入：

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)

3.使用：
template:布局

<div class="swiper_box">
	<swiper :options="swiperOptionTop" class="gallery-top" ref="swiperTop">
		<swiper-slide class="slide-1" v-for="(item,index) in bigImg" :key="index"