关于vue-awesome-swiper在vue中的使用，少走弯路

今天项目中使用了轮播图，然后引入的时候出现了一些问题。现在让我整理一下，以防止将来出现问题。目前（2022年1月22日），根据从各种渠道收集到的信息，我将其列在这里：最好的版本是v3.1.3。使用npm下载是这个命令：npminstallvue-awesome-swiper@3.1.3--save，是的，这个版本不需要写成npminstallswipervue-awesome-swiper@3.1.3--save，为了对比，下面这多一个swiper推荐在本地导入（这里我只描述部分介绍的方法），毕竟vue-awesome-swiper不是特别小，除非你有多个组件需要轮播图片导入'swiper/dist/css/swiper.css'//注意下面介绍的swiper和swiperSlide的首字母s是小写的，大写会报错import{swiper,swiperSlide}from'vue-awesome-swiper'//在partialbuild中作为一个组件使用Injectcomponents:{swiper,swiperSlide,},computed:{//这是一个swiper的实例，通过这个函数的返回值获取swiper的方法有很多种{returnthis.$refs.mySwiper.swiper},},模板代码写完后，会发现绑定了一个自定义属性options，其值为swiperOption。这个swiperOption是可以自定义的，写成什么都可以，但是对应下面的数据data(){return{swiperOption:{loop:true,},}}，就可以了！其他业务逻辑可以根据实际情况在这个初始框架之上填写。安装和导入文件的时候注意一下就好了，防止后续出现问题！