轮播冲突解决方法

轮播冲突：在页面同时new多个swiper一定会遇到问题，就有两个class=“swiper-container “:class="name"，静态class与动态：class可以共存

一个页面传入两个一样的轮播封装组件：演职人员和剧照都用到了轮播

解决方法：

给两个轮播传传一个属性，然后分别定义两个轮播显示照片数，然后回到组件内接收，但两个轮播显示的照片数相同就会出现滑动问题，所以再给两个轮播传一个属性，一个名为actors，一个为photos， 再到组件内接收，然后通过父传子props通信方式，传到页面。

轮播初始化：刚开始v-if为假，页面不会创建，生命周期不会执行，真数据收到后，v-if为真，生命周期才开始创建