<template>

<div>

  <swiper :options="swiperOption">

    <!-- slides -->

    <swiper-slide>I'm Slide 1</swiper-slide>

    <swiper-slide>I'm Slide 2</swiper-slide>

    <swiper-slide>I'm Slide 3</swiper-slide>

    <!-- Optional controls -->

    <div class="swiper-pagination"  slot="pagination"></div>

  </swiper>

 </div>

</template>

<script>

export default {

  name: 'swiper',

  data() {

   return{

   swiperOption:{}

   }

  }

}

</script>

<style rel="stylesheet/stylus" scoped>

</style>

报错如下：

vue.esm.js?efeb:3147 Uncaught RangeError: Maximum call stack size exceeded

    at getData (vue.esm.js?efeb:3419)

    at initData (vue.esm.js?efeb:3374)

    at initState (vue.esm.js?efeb:3311)

    at VueComponent.Vue._init (vue.esm.js?efeb:4628)

    at new VueComponent (vue.esm.js?efeb:4798)

    at createComponentInstanceForVnode (vue.esm.js?efeb:4310)

    at init (vue.esm.js?efeb:4131)

    at createComponent (vue.esm.js?efeb:5608)

    at createElm (vue.esm.js?efeb:5555)

    at createChildren (vue.esm.js?efeb:5682)