How to use a jQuery plugin inside Vue
<p>I'm building a web application inside VueJS but I encounter a problem. I want to use a jQuery extension (cropit to be specific) but I don't know how to instantiate/require/import it the right way without getting errors.</p>

<p>I'm using de official CLI tool and de webpack template for my App.</p>

<p>I included jQuery like this in my main.js file:</p>

<pre><code>import jQuery from 'jQuery'
window.jQuery = jQuery
</code></pre>

<p>Now I'm building an image editor component where I want to instantiate crept like this: </p>

<pre><code>export default {
  ready () {
    $(document).ready(function ($) {
      $('#image-cropper-wrapper-element').cropit({ /* options */ })
    })
  },
 }
</code></pre>

<p>But I keep getting errors...Now my question is how to properly instantiate jQuery and plugins via NPM/Webpack/Vue?</p>

<p>Thanks in advance!</p>