Vue使用Swiper6(2)
1、这次记录主要是记录swiper6的使用，网上多是以前的版本，但是好像vue3可以直接使用swiper6，不需要这个大佬的awesome插件了，所以就有了很多问题。
2、：1触控运动swiper默认提供1：1的触控距离，当然，这个比率是可以设置的。（touchratio）触控模仿这个功能对于开发桌面网站会很有用。
3、使用 vue-awesome-swiper 插件： vue-awesome-swiper 是一个基于 Swiper 的 Vue 组件，可以很方便地在 Vue 中使用 swiper。手动挂载 swiper：a. 引入 swiper 的 css 和 js 文件。
4、查看github的vue-awesome-swiper的官方示例： https：//vgithub.surmon.me/vue-awesome-swiper/ 以上。
5、首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。
6、这两个版本都是基于swiper3的，而7版本需要单独引入swiper/dist/css目录下的swiper.css样式文件（类似于swiper4）。
vue-awesome-swiper的正确使用姿势
1、首先版本，请使用3，别想着用什么4以上的或别的版本，目前就这个版本最稳定，不相信可以自己去测试，掉坑里可别怪没提醒！页面引入即可，没必要全局引入，因为很少所以页面都要使用轮播的。
2、因为elementui没有自带swiper，所以我们使用vue-awesome-swiper （iview自带一个 https：//iview.github.io/components/carousel ） 介绍一下vue-awesome-swiper最靠谱的使用方法。
3、：1触控运动swiper默认提供1：1的触控距离，当然，这个比率是可以设置的。（touchratio）触控模仿这个功能对于开发桌面网站会很有用。
4、在 Vue 中使用 swiper 有以下几种方式：使用 Vue Swiper 插件：Vue Swiper 是一个基于 Swiper 的 Vue 组件，可以很方便地在 Vue 中使用 swiper。
5、这里我说一下vue-awesome-swiper这个轮播组件，真的非常强大，基本可以满足我们的轮播需求。swiper相信很多人都用过，很好用，也很方便我们二次开发，定制我们需要的轮播效果。
6、Swiper6入门 vue使用Swiper6 github：awesome-swiper 这次记录主要是记录swiper6的使用，网上多是以前的版本，但是好像vue3可以直接使用swiper6，不需要这个大佬的awesome插件了，所以就有了很多问题。
在vue里引用swiper插件,怎么使用
：1触控运动swiper默认提供1：1的触控距离，当然，这个比率是可以设置的。（touchratio）触控模仿这个功能对于开发桌面网站会很有用。
主要两种使用方式 一：全局引入方式 （1）使用步骤 通过全局方法 Vue.use() 使用插件。
首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。
【vue】插件
1、主要两种使用方式 一：全局引入方式 （1）使用步骤 通过全局方法 Vue.use() 使用插件。
2、Vue 插件是对 Vue 全局功能的扩展，他可以给 Vue 添加全局方法、属性、组件、过滤器、指令等等。通过全局方法 Vue.use () 使用插件。
3、vue插件使用方式是Vue.use(xxx)，需要在new Vue实例之前加载，适合为Vue加入一些额外的通用功能。比如vuex，element-ui， axios都可以。插件需要有install函数，然后就看自己发挥了。