title: Slick slider not working in vue components
body: <p>I am trying to use the <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">slick slider</a> in a .vue component but I get an error.</p>
  
  <blockquote>
    <p>.slick is not a function</p>
  </blockquote>
  
  <p>I have made all the setup requirements. This is the code am using:</p>
  
  <pre><code>    new Vue({
      el: '#app',
      data: {
          slider: null
      },
      methods: {
          selectImage: function () {
              //http call here
              return images
          }
      },
      mounted: function () {
          this.slider = $('.gallery').slick({
              animation: true
          });
      }
  });
  
  &lt;div class='gallery'&gt;
    &lt;div v-for="img in images" @click="selectImage(img)"&gt;
      &lt;img v-bind:src="img.url"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My phpstorm does not allow ES6 and am suspecting that it might be the issue.</p>
  
  <p>Here is a fiddle with my code: <a href="https://jsfiddle.net/tfbysyx5/" rel="nofollow noreferrer">JSfiddle</a></p>