用swiperjs实现轮播图效果

1. 前言

最近公司给了我一个任务是用vue重构一个很老的jsp项目，页面样式不能改，这意味着不能组件库来实现一些组件了，只能自己实现。项目里有很多地方要用到轮播效果，有的是纯图片轮播，有的是展示四五个轮播项，有的是图片和底部描述文字作为一个轮播项…目前我所了解的组件库里没有能满足这些效果的组件，而且项目本身没有很多要用到组件库的地方，如果只为了一个轮播效果来安装组件包，觉得没有什么必要，所以还是自己实现一个吧,也为了 fan-ui组件库和锻炼自己封装组件的能力。