vue中swiper的使用

首先通过npm引入swiper

npm i swiper 

再要使用swiper的页面加入swiper

import Swiper from 'swiper'
    export default {
            mounted(){
          var mySwiper = new Swiper('.swiper-container', { 

         autoplay: {

            delay: 3000,

            stopOnLastSlide: false,

            disableOnInteraction: true,

           },

          loop:true
        })
      },
        
    }

同时再在style中引入swiper.css

<style  scoped>
@import "../../../node_modules/swiper/css/swiper.css";

</style>