一、背景
直接 npm install swiper --save
默认装的是swiper8版本
会发现在vue2中玩不转
二、关于swiper
- 当前swiper已经到了8版本。
- 6版本及以上,已经支持了直接在前端框架中的使用(Vue、react等框架)。
- 6以下版本,不支持直接在前端框架中使用。
也就是说, 6以下版本,没有swiper-vue.js
三、swiper7、8不能在vue2中使用:
原因是,在swiper源码中,引入的8个vue方法都是vue3中的方法,在vue2中不存在。
如果在vue2中使用swiper7、8会报错。
在vue3中引入swiper7、8会有路径上的错误
正确的引入方式
// Import Swiper Vue.js components
import { Swiper, SwiperSlide } from 'swiper/vue/swiper-vue.js';
// Import Swiper styles
import 'swiper/swiper.min.css';