vue用的3.0版本，swiper用的swiper6 模板html代碼 js代碼 ...

第一步，安裝 我是直接去配置里面寫的，然后install的，嘿嘿 第二步，引入與使用 我想要實現的是一個縮略圖，我認為極具參考價值，那些基本的，刪刪減減就出來了 template部分 script部分 ...

原因在於，在第六版導入只能導入swiper核心內容，而部分組件效果如分頁器需要單獨導入 自己寫的有分頁器和環路的輪播 ...

...

在官網找了個功能比較全的代碼作為例子，如下 我們把它拷到App.vue中全部替換掉之后執行，你會發現報css依賴不存在的錯誤， 我們打開node_modules文件夾，找到swiper文件夾，你會發現這下路徑指向都是不明確的，所以接下來們要手動修改一下路徑， 把js ...

注意: 使用之前請確定使用的swiper版本，避免走一些不必要的彎路（筆者踩過來的）本文采用的是vue3.0、swiper^8.1.0。 1、安裝依賴 2、vue文件引入 ...

swiper在vue的嚴格模式下我最終放棄來。我下載的是swiper5沒改好，用了swiper給vue定制的 vue-awesome-swiper 默認需要先安裝 1.全局使用方法（在main） 2.在使用的組件中使用 ...

第一步：安裝swiper在項目目錄下打開命令窗口輸入命令:npm install swiper 第二步：引入js文件 第三步：引入css文件在main.js文件中引入css文件 ...