vue-awsome-swiper的各种坑

坑一：首先它自带了swiper.css里面已经包含了很多样式，要修改的话很麻烦。
普通在引用页面重写覆盖还不可行。
第一个方法：css样式写!important
第二个方法：我们有时候需要找到他的css文件进行修改
main.js中他迷人的路径

import 'swiper/dist/css/swiper.css'

其实他是在node_modules\swiper\dist\css这里！

坑二：轮播到最后一张图再回到第一张图时，还经过了第二张图？

//这里加个loop属性就可以了
loop:true,

唉，解决了坑二之后，就有坑三：页面一刷新先出来这样子？？？错位了？布局错乱问题！！！

图片.png

发现是加载顺序的问题，因为数据还