vue中引入轮播图插件swiper
0 vue-awesome-swiper使用网址:
链接: https://github.com/surmon-china/vue-awesome-swiper/tree/v4.1.1
1 项目创建
vue create vue-project-demo
2 进入项目根目录
cd vue-project-demo
3 安装swiper依赖,需要指定版本,不然可能因为版本问题导致轮播图加载不出来
npm install swiper@6.7.1 vue-awesome-swiper@4.1.1 --save
4 vue-project-demo\src\main.js中导入文件
// main.js
import VueAwesomeSwiper from 'vue-awesome-swiper'
// import style
import