cnpm  i –save swiper

import  Swiper  from‘swiper’; 

import ‘swiper/dist/css/swiper.min.css’;

import ‘swiper/dist/js/swiper.min.js’;

<template>

     <div class="swiper-container">

      <div class="swiper-wrapper">

        <div class="swiper-slide"

          v-for="item in list"><img :src="item.img"></div>

      </div>

      <div class="swiper-pagination"

        @click="left"></div>

      <div class="swiper-button-next"

        @click="next"></div>

      <div class="swiper-button-prev"></div>

    </div>

</template>

mounted（）{

 var myswiper = new Swiper('.swiper-container', {

               autoplay:true,

               loop:true,

      preventLinksPropagation : false,

      navigation: {

       nextEl: '.swiper-button-next',

       prevEl: '.swiper-button-prev',

      }

     });

 

}