<template>
  <div class="wrapper">
      <swiper :options="swiperOptions">
          <swiper-silde v-for="item of swiperList" :key="item.id">
            <img class="swiper-img" :src="item.imgUrl">
          </swiper-silde>
          <div class="swiper-pagination" slot="pagination"></div>
      </swiper>
  </div>
</template>

<script>
export default {
  name: 'HomeSwiper',
  data () {
    return {
      swiperOptions: {
        pagination: '.swiper-pagination',
        loop: true
      },
      swiperList: [{
        id: '001',
        imgUrl: 'http://img1.qunarzz.com/sight/source/1505/aa/7baaf8a851d221.jpg_r_640x214_1431200f.jpg'
      },
      {
        id: '002',
        imgUrl: 'http://img1.qunarzz.com/sight/source/1606/85/c6b6bad1b977e.jpg_r_640x214_5c638941.jpg'
      }]
    }
  }
}
</script>