https://www.swiper.com.cn/usage/index.html

npm  install  --save  swiper

import swiper  from  'swiper'

import 'swiper/dist/css/swiper.min.css'

<div class="swiper-container">

    <div class="swiper-wrapper">

        <div class="swiper-slide">Slide 1</div>

        <div class="swiper-slide">Slide 2</div>

        <div class="swiper-slide">Slide 3</div>

    </div>

    <!-- 如果需要分页器 -->

    <div class="swiper-pagination"></div>

</div>

//创建一个swipper实例对象，进行视图轮播

  //有一个参数，第一个为'.swiper-container',第2个为配置对象

  mounted() {

    new Swiper ('.swiper-container', {

        loop: true,

    // 如果需要分页器

    pagination: {

      el: '.swiper-pagination',

    },

  })

},