基于swiper使用vue-awesome-swiper 实现鼠标移入暂停自动播放、左右按钮控制前进后退、常见避坑、API中文文档地址

vue 中使用swiper/vue-awesome-swiper 鼠标移入暂停自动播放，左右按钮控制前进后退，常见避坑

swiper对应vue-awesome-swiper版本会带来很多坑点，推荐下面对照版本，帮大家避坑了，亲测可用!!!

一、npm安装

一定要指定版本

npm install [email protected]

npm install [email protected]

二、Vue main.js 全局注册swiper

import VueAwesomeSwiper from 'vue-awesome-swiper';
import 'swiper/css/swiper.css'//不同版本样式引入方位置不一样，我这个版本就用这种
Vue.use(VueAwesomeSwiper, /* { default global options } */)

三、编写轮播组件

以上方式亲测可以运行 ，样式问题大家根据情况自己设置！

**中文api文档地址：**https://www.swiper.com.cn/api/index.html