vue3.2中使用swiper缩略图轮播教程

介绍

在vue3 中使用 swiper 实现缩略图的轮播图效果，具体如下图所示：

使用

1. 切换到项目终端 ，输入命令 npm install swiper --save , 进行安装
2. 在 main.js里，引入 swiper.css并使用，具体代码如下；

import {
   
    
     createApp } from 'vue'
import App from './App.vue'
import router from './router'