title: jquery-nice-select with vue.js is not a function
body: <p>I use this library: <a href="https://github.com/hernansartorio/jquery-nice-select" rel="nofollow noreferrer">https://github.com/hernansartorio/jquery-nice-select</a></p>
  
  <p>And include this plugin in file <code>bootstrap.js</code>:</p>
  
  <pre><code>require('jquery-nice-select');
  </code></pre>
  
  <p>Than I use in the application file <code>app.js</code></p>
  
  <p><strong>app.js:</strong></p>
  
  <pre><code>require('./bootstrap');
  
  // ... code
  
  const app = new Vue({
      router,
      components: {
        App
      },
      template: '&lt;app&gt;&lt;/app&gt;',
      mounted() {
          $(document).find('select').niceSelect();
      }
  }).$mount('#app');
  </code></pre>
  
  <p>Config for build my project <code>webpack.mix.js</code>:</p>
  
  <pre><code>mix
      .js('resources/assets/js/app.js', 'public/js')
      .sass('resources/assets/sass/vendors.scss', 'public/css')
      .sass('resources/assets/sass/style.scss', 'public/css')
      .extract(
          [
              'vue',
              'vue-resource',
              'vue-router',
              'vue-scrollto',
              'vue-meta'
          ],
          'public/js/vue.js'
      )
      .extract(
          [
              'jquery',
              'bootstrap-sass',
              'jquery-nice-select',
              'owl.carousel',
              'jquery-parallax.js',
          ],
          'public/js/vendor.js'
      )
      .autoload({
          'jquery': ['$', 'jquery', 'jQuery', 'window.jQuery'],
          'tether': ['window.Tether', 'Tether'],
      })
  ;
  </code></pre>
  
  <p>However, when you try to use the niceSelect plugin, the following error occurs:</p>
  
  <blockquote>
    <p>vue.js:484 [Vue warn]: Error in mounted hook: "TypeError:
    $(...).niceSelect is not a function"</p>
  </blockquote>
  
  <p>and this:</p>
  
  <blockquote>
    <p>TypeError: $(...).niceSelect is not a function</p>
  </blockquote>
  
  <p>I do not understand where to look and what I'm doing is not right? At me such problem has arisen only with the given plug-in, earlier all always was connected and worked correctly.</p>
  
  <p><strong>P.S.</strong> Note, the error is not that the function is not declared, but that it is not a function. And yes the connection of all JS in the public is done normally:</p>
  
  <pre><code>&lt;!-- code --&gt;
  &lt;script src="{{ mix('/js/manifest.js') }}"&gt;&lt;/script&gt;
  &lt;script src="{{ mix('/js/vendor.js') }}"&gt;&lt;/script&gt;
  &lt;script src="{{ mix('/js/vue.js') }}"&gt;&lt;/script&gt;
  &lt;script src="{{ mix('/js/app.js') }}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>UPD:</strong> By the way, the same error appears in directives.</p>
  
  <pre><code>export default {
      directives: {
          niceSelect: {
              update(el) {
                  const $  = window.$;
                  $(el).niceSelect();
              }
          }
      }
  }
  </code></pre>