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文件 ...