在vue Cli 中使用Swiper插件

安装(必须携带版本,最新版本有问题)

npm install vue-awesome-swiper@3 --save-dev
//或
npm i vue-awesome-swiper@3 -D
cnpm i vue-awesome-swiper@3 -D

封装一个组件去使用他,不需要全局引入

swiper为轮播图容器UI
swiper-slide为轮播的内容
img中的图片进行替换就能正确显示,注意图片的格式大小,不然会出现问题

更多问题请访问https://www.swiper.com.cn/api/index.html





 

你可能感兴趣的:(Vue脚手架)