swiper（轮播）组件
swiper是一个非常强大的组件
但是需要swiper-item这个标签来实现他想显示的内容
swiper-item标签有个item-id的属性，属性值：字符串是swiper-item的标识符；
一个swiper标签只能显示一个swiper子元素的内容，所以说一个swiper-item就相当于一个板块，我们想进行四个图片的轮播的话，就是四个板块；
swiper的属性：
indicator-dots：属性值：布尔是否显示面板指示点；
indicator-color：属性值：字符串显示指示点的颜色；
indicator-active-color：属性值：字符串显示当前滑块 指示点的颜色；
autoplay：属性值：布尔是否自动切换；
current：属性值：数字滑块的下标/ 指定哪个滑块
interval：属性值：数字，（他的单位是毫秒）自动切换的时间间隔
duration：属性值：数字，滑动的生命周期；
circular：属性值：布尔，是否衔接滑块
vertical：属性值：布尔，滑动方向是否为纵向；
pervious-margin：属性值：数字 例："10rpx"，上一个滑块的一小部分
next-margin：属性值：数字，显示下一个滑块的一小部分
display-multiple-items：属性值：数字，同时显示几个滑块；
skip-hidden-item-layout：属性值：布尔，是否跳过未显示的滑块布局，复杂情况下可以提升性能，但是会丢失影藏状态的布局信息；
easing-function：指定swiper切换缓动的动画类型
属性值：default：默认缓动函数；
linear：线性动画
easeInCubic：缓入动画；
easeOutCubic：缓出动画；
easeInOutCubic：缓入缓出动画
事件：
bindchange：current改变时会触发bingchange事件
bindtransition：swiper-item的位置发生改变时，会触发bindtransition事件
bindanimationfinish：动画结束时会触发bindanimationfinish事件；
【swiper（轮播）组件】转载于:https://www.cnblogs.com/shangjun6/p/10878034.html
推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数（）
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- SwiftUI|SwiftUI iOS 瀑布流组件之仿CollectionView不规则图文混合(教程含源码)
- Vue组件之事件总线和消息发布订阅详解
- vue.js组件开发
- TCP组件设计篇（详细设计）