title: vuejs slick is not working with v-for
body: <p>vue-slick is working fine with static content. But when I am trying to loop through playlists of user.slick is not working.</p>
  
  <p>html part:</p>
  
  <pre><code>&lt;template&gt;
      &lt;slick ref="slickone" :options="slickOptions"&gt;
          &lt;div v-for='playlist in user_playlists'&gt;
              &lt;a href="#"&gt;
                  &lt;img :src="playlist.image"&gt;
                  &lt;p&gt;Playlist Name&lt;/p&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  
  
      &lt;/slick&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>script part:</p>
  
  <pre><code>&lt;script&gt;
      import Slick from 'vue-slick';
      import './node_modules/slick-carousel/slick/slick.css';
      import './node_modules/slick-carousel/slick/slick-theme.css';
      export default {
          data() {
              return {
                  user_playlists: [],
                  slickOptions: {
                      infinite: true,
                      slidesToShow: 5,
                      slidesToScroll: 1,
                      autoplaySpeed: 5e3,
                  },
              };
          },
          methods: {
              getUserPlaylists() {
                  this.$http.get('api/user_playlists/user-playlists')
                          .then(response =&gt; {
                              this.user_playlists = response.body.data;
                              this.$refs.slickone.reSlick();
                          });
              },
              updated() {
                  this.reInit();
              },
              reInit() {
                  this.$refs.slickone.reSlick();
              },
          },
          components: {
              'slick': Slick,
          },
          watch: {
              profileData() {
                  this.getUserPlaylists();
              },
              user_playlists() {
                  this.reInit();
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I have checked the documentation and used <code>this.$ref.slickone.reSlick()</code> but still it's not working.</p>