vue 轮播图片

1、效果图

2、案例

	<template>
	   <section class="body">
	       <section class="wrap">
	           <swiper :options="swiperOption" class="swiper-wrap"  ref="mySwiper" v-if="banner.length!=0">
	               <swiper-slide v-for="(item,index) in banner" :key="index" >
	                   //点击图片跳到哪里,这里跳到home页面 item举例：{img:http://www.***.com/home/images/index_img02.png,url:/home}
	                   <img :src="item.img" alt="" @click="skip_out_page(item.url)" />
	               </swiper-slide>
	               <!-- 常见的小圆点 -->
	               <div class="swiper-pagination"  v-for="(item,i