说明：这个案例node版本为v14.16.0，脚手架是@vue/cli 4.5.15
VueAwesomeSwiper这个插件更新了新的版本，swiper7的版本也比较高所以会出现几个问题
1.引用swiper时会报错，说找不到swiper的css。
2.swiper不能自动轮播。
解决方法：
1.安装插件要根据官方文档安装：
npm install swiper vue-awesome-swiper --save
2.根据官方文档，引入VueAwesomeSwiper和swiper的css，
因为swiper是7.3.1，是高版本，所以css得用swiper-bundle.css,具体原因可以看swiper的官方文档的区分。
3.来到这里就可以应用swiper的代码和属性进入组件页面了，但是到最后你会发现，属性引入进去后轮播不能自动滚动，原因是swiper的版本过高，超过swiper5的都得加依赖SwiperCore，才能自动滚动。
4.swiper的应用，依赖于computed，和mounted
5.最后就是注意页面的样式，轮播的美观就好了。
注释：
vue-awesome-swiper官方文档：www.npmjs.com/package/vue…
swiper不同版本应用不同的css：github.com/surmon-chin…
swiper高版本无法自动播放：juejin.cn/post/701921…
