vueプロジェクトではswiper(swiper 6)を使用します.

vueプロジェクトではswiperを使って、まず注意すべき点を言います.
   ファイアフォックス--低いバージョン(47など)、swiper 4、swiper 5はサポートしていません.swiper 3、swiper 6はサポートしています.
swiper 6の使い方
   vueでswiper 6を使っていましたが、当時はswiper 6を使っていました.プロジェクトはフォックスバージョン47、swiper 4とswiper 5がサポートされていませんので、swiper 6を使ってみました.

まずswiper

をインストールします.

ローカル導入／グローバル導入

           グローバル導入:main.jsに導入する ,方法は以下の通りです
           ローカル導入:現在のモジュールに導入する方法は以下の通りです.          

import 'swiper/swiper-bundle.min.css'

//        swiper6      ，   6  ，               ，      ，         ，     Pagination（  import import  { Swiper, Pagination } from 'swiper'
）

import  { Swiper, Navigation } from 'swiper'

使用方法

        ここで注意すべき点だけを説明します.他の書き方はswiper 4、swiper 5と同じです.

//    
initSwiper(){
  //swiper   use  ，          swiper4、5  
  Swiper.use([Navigation])
  this.monthSwiper = new Swiper('.monthSwiper', {
     navigation: {
       nextEl: '.swiper-button-next',
       prevEl: '.swiper-button-prev'
     }
  })
}