当一个swiper组件在vue项目组中使用两次，第二次效果会覆盖第一次效果的解决办法：

原因是：当你第二次使用同一个组件的时候：

new Swiper('.swiper'，{})

两次实例化swiper，但是实例化的是同一个swiper：就是“.swiper”，所以下一次会把上一次给覆盖了，

解决办法是：

利用父组件给子组件传属性的原理，给组件传一个name属性，这个name属性要写不同的名字，然后在swiper里接收：

父组件给子组件传的name属性：(在组件使用时）

子组件接收name属性：

给子组件绑上动态的class名字，：