title: Using jQuery plugin in Vue.js single file component
body: <p>I am trying to use <a href="https://api.jqueryui.com/autocomplete/#entry-examples" rel="nofollow noreferrer">this</a> jQuery plugin in my Vue.js single file component. </p>
  
  <p>as required in the linked autocomplete plugin I imported references in <code>index.html</code>, for them to be available all other vue components where I need to use <code>autocomplete</code> feature in <code>input field</code> .</p>
  
  <pre><code>  &lt;script src="//code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"&gt;
          &lt;script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But when I include below code in the script tag of my single file component.</p>
  
  <pre><code> $("#autocomplete").autocomplete({
          source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
      });
  </code></pre>
  
  <p>I get error console saying: </p>
  
  <pre><code>&gt; TypeError: $("#autocomplete").autocomplete is not a function. (In
  &gt; '$("#autocomplete").autocomplete({
  &gt;     source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] })', '$("#autocomplete").autocomplete' is undefined)
  </code></pre>
  
  <p>But I have included the dependencies in <code>index.html</code></p>