# options

# 基础信息

• 类型： Object
• 默认值： null

滑动配置

  {
    currentPage: 0,//当前页码
    thresholdDistance: 500,//滑动判定距离
    thresholdTime: 100,//滑动判定时间
    autoplay:1000,//自动滚动[ms]
    loop:true,//循环滚动
    direction:'vertical',//方向设置，垂直滚动
    loopedSlides:1,//无限滚动前后遍历数
    slidesToScroll:1,//每次滑动项数

# effect

• 类型： string
• 默认值： slide

切换效果，默认为滚动滑动('slide'),可设置为渐变滑动('fade'),旋转滚动('coverflow')

  {
    effect:'slide'

# direction

• 类型： string
• 默认值： horizontal

方向设置，默认为水平滚动('horizontal'),可设置为垂直滚动('vertical')

  {
    direction:'horizontal'

# currentPage

• 类型： number
• 默认值： 0

初始化slider时为第几页

  {
    currentPage:0

# thresholdDistance

• 类型： number
• 默认值： 100

触发滑动的距离阈值

  {
    thresholdDistance:'100'

# thresholdTime

• 类型： number
• 默认值： 500

触发滑动的时间阈值

  {
    thresholdTime:'500'

# autoplay

• 类型： number
• 默认值： number[ms]

自动播放的时间

  {
    autoplay:'1000'

# loop

• 类型： boolean
• 默认值： false

是否循环滚动

  {
    loop:false

# loopedSlides

• 类型： number
• 默认值： 1

loop设置为true时,设置前后复制页面的数量

  {
    loopedSlides:1

# slidesToScroll

• 类型： number
• 默认值： 1

每次滑动切换的页数

  {
    slidesToScroll:1

# preventDocumentMove

• 类型： boolean
• 默认值： false

阻止touch事件触发时，整个页面的滚动

  {
    preventDocumentMove:true

# speed

• 类型： number[ms]
• 默认值： 300

滑动持续时间[ms]

  {
    speed: 300

# timingFunction

• 类型： string
• 默认值： ease

滑动方式

  {
    timingFunction: 'ease'

# pagination

• 类型： boolean
• 默认值： true

所有模式下分页是否显示

  {
    pagination: true

# renderPagination

• 类型： function
• 默认值： null
• 参数： createElement, index

自定义分页函数，参数为vue的createElement函数，和当前页码index

  {
    renderPagination: (h, index) => {
      return h('div', {
        class: 'swiper-pagination-bullet'
      }, [index])

# centeredSlides

• 类型： boolean
• 默认值： false

是否居中滑动

  {
    centeredSlides: true

# itemAnimation

• 类型： boolean
• 默认值： false

在无限滚动中使用itemAnimation，保证最后一个到第一个（第一个到最后一个）特效结束后才能继续滑动

  {
    itemAnimation: true

# freeze

• 类型： boolean
• 默认值： false

阻止touch滑动

  {
    freeze: false

# preventRebound

• 类型： boolean
• 默认值： false

阻止回弹

  {
    preventRebound: false

# CoverFlow options

# widthScalingRatio

• 类型： string
• 默认值： 0.8

coverflow模式下配置宽度比例缩放,范围0~1

  {
    widthScalingRatio: '0.8'

# heightScalingRatio

• 类型： string
• 默认值： 0.8

coverflow模式下配置高度比例缩放,范围0~1

  {
    heightScalingRatio: '0.8'

# deviation

• 类型： string
• 默认值： 200

coverflow模式下配置滑动项偏移

  {
    deviation: '200'

# 嵌套配置

# nested

• 类型： boolean
• 默认值： true

用于嵌套相同方向的swiper时，当子swiper切换完的时候，开启父swiper的切换

  {
    nested: false

# 传递的事件

# slideTo

• 参数： number

滑动到(number)页

  slideTo () {
    this.$refs.slider.$emit('slideTo', num)

# slideNext

• 参数： null

滑动到下一页

  slideNext () {
    this.$refs.slider.$emit('slideNext')

# slidePre

• 参数： null

滑动到上一页

  slide () {
    this.$refs.slider.$emit('slidePre')

# autoplayStart

• 参数： ms

开启定时轮播,设置轮播时长

  this.$refs.slider.$emit('autoplayStart',1000)

# autoplayStop

• 参数：``

暂停定时轮播

  this.$refs.slider.$emit('autoplayStop')

# 监听的事件

# slide

• 参数： obj

当前滑动到第几页,参数为slider基础信息

  slide (data) {
    console.log(data)

# tap

• 参数： obj

当前点击第几页,参数为slider基础信息

  tap (data) {
    console.log(data)

# init

• 参数： obj

初始化成功事件,参数为slider基础信息

  init (data) {