title: How init Swiper in VueJS?
body: <p>first of all thank you for your time because I spent all the morning on this issue. How use the <a href="https://idangero.us/swiper" rel="noreferrer">https://idangero.us/swiper</a> module on vue.JS ? Indeed Swiper is on the page but the parameters seems to be not taken in count. </p>
  
  <p>I tried also vue awesome swiper but I prefer use the official version without bug. I tried to init swiper also in a const just after the import.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="swiper-container"&gt;
      &lt;div class="swiper-wrapper"&gt;
        &lt;v-touch
           @tap="navigateTo(item)"
           v-for="item in subList"
           :key="item._id"
           class="swiper-slide"
        &gt;
          {{t(item.sentence)}}
        &lt;/v-touch&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import Swiper from 'swiper'
    import 'swiper/dist/css/swiper.css'
    import 'swiper/dist/js/swiper.js'
    export default {
      name: 'category',
      data () {
        return {
          subList: [{some data}],
        }
      },
      mounted () {
        this.initSwiper()
      },
      methods: {
        initSwiper () {
          const mySwiper = new Swiper('.swiper-container', {
            slidesPerView: 3,
            slidesPerColumn: 2,
            spaceBetween: 50
          })
          mySwiper.init()
        }
      }
    }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px white;
    width: 200px;
    height: 200px;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>For example with this code I need to have a space between each div or only 2 lines but i have no space and 3 lines... Thank you for your help.</p>