title: Issue Using OwlCarousel with Vue.js
body: <p>I am using vue.js and OwlCarousel and every time I use the v-for with the carousel it doesn't show me the style of the carousel it only show me the Images in column.</p>
  
  <p>this the request to an API:</p>
  
  <pre><code>&lt;script&gt;
  export default {
    data: {
      videos_p: []
    },
    mounted() {
      axios.get("xxxxxxxxxxx")
        .then(response =&gt; {
          this.videos_p = response.data
          console.log(this.videos_p)
        })
    }
  }
  
  $(document).ready(function() {
    var owl = $('.owl-carousel');
    owl.owlCarousel({
      items: 4,
      loop: true,
      margin: 10,
      autoplay: true,
      autoplayTimeout: 900,
      autoplayHoverPause: true,
      responsiveClass: true,
      responsive: {
        0: {
          items: 1,
          nav: true
        },
        600: {
          items: 3,
          nav: false
        },
        1000: {
          items: 5,
          nav: true,
          loop: false,
          margin: 20
        }
      }
    });
  
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>and this is the html:</p>
  
  <pre><code>  &lt;section id="demos"&gt;
      &lt;div class="row"&gt;
        &lt;div class="large-12 columns"&gt;
          &lt;div class="owl-carousel owl-theme"&gt;
            &lt;div class="item" v-for="video in videos_p"&gt;
              &lt;img v-bind:src="video.image_url"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  </code></pre>
  
  <p>but every time that I use vue it doesn't show me the carousel it only show me the images in column, but if I use the example like this it works fine:</p>
  
  <pre><code>  &lt;section id="demos"&gt;
      &lt;div class="row"&gt;
        &lt;div class="large-12 columns"&gt;
          &lt;div class="owl-carousel owl-theme"&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/300x150&amp;text=FooBar1"&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/300x150&amp;text=FooBar1"&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/300x150&amp;text=FooBar1"&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/300x150&amp;text=FooBar1"&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/300x150&amp;text=FooBar1"&gt;
        &lt;/div&gt; --&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  </code></pre>
  
  <p>any idea where I am making a mistake?????</p>