手写一个移动端带惯性的轮播图vue组件

利用vue的插槽（solt）的方法实现

1. 带有惯性
2. 可以适应手机端屏幕
3. 可以灵活的修改样式
4. 可以手动的拖拽
5. 拉力

调用方式：

1. 引入组件

   export default defineComponent({
       components: {
           slide
       },

2. 在template模板插入代码

   <slide
               ref="slide"
               :count="swiperData.length"
               :springrange=".2"
           >
               for="(item, index) in swiperData">
                   
   
                   
               
           

3. 在style编swiper-item的样式。

组件代码：

总结：

1. 相比于其他组件库的组件可能用起来不够简单
2. 但是也有自己的优点即灵活度比较高，可以根据自己的想法扩展成自己的组件
3. 可以随意的填写自己的样式，做成自己想要的样子