安装依赖swiper组件,用来实现移动端的类似轮播效果。
使用方式: 安装依赖 npm install swiper vue-awesome-swiper --save
引入方式:
import {swiper, swiperSlide} from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.min.css'
且注册成vue组件
报错如下:
其实这个在之前的项目中,显示正常,当我们改造工程后,这个引入的方式及使用起来就报如上的错误。
经过查阅资料,发现是自己引入的时候首字母没有大写!!!!
这样引入就可以了
import {Swiper, SwiperSlide} from 'vue-awesome-swiper' import 'swiper/swiper-bundle.min.css'