title: Styling not being applied to SINGLE ELEMENT after exacting JQuery function on single element within a ,vue page
body: <p>I'm using JQuery-AsRange (<a href="https://github.com/thecreation/jquery-asRange" rel="nofollow noreferrer">https://github.com/thecreation/jquery-asRange</a>) within my vue.js project. The function execute within the .vue page within the script section of my vue page and the JQuery-AsRange library works perfect but, lack any css styling.</p>
  
  <p>The css style that is loaded should handle those id and tags that are generated (I can copy can paste the generated non-style JavaScript code and add hardcore it into the template and it will be styled correctly- it just won't move), but when the JQuery function is executed within the script section - it oddly ignore the page styling.</p>
  
  <p>I haven't been able to find a way to refresh page style after the JQuery executed, but the REST OF THE PAGE STILL CONTAINS ALL ITS STYLING - it is only the "AsRange" section not styled...  </p>
  
  <pre><code>&lt;template&gt;
  ...
  ...
  
  &lt;div class="padding"&gt;
    &lt;h5&gt;Range Bar:&lt;/h5&gt;
    &lt;input class="range-example" type="text" min="0" max="10" value="4,10" step="1" /&gt; &lt;!-- JS is under /js/script.jss (Copied the styling from the library 'JQuery-AsRange' as part of my .css library 
  &lt;/div&gt;&lt;!-- close div --&gt;
  
  &lt;/template&gt;
  
  
  &lt;script&gt;
  import $ from 'jquery';
  import 'jquery-asRange';
  
  $(document).ready(function() {
     $(".range-example").asRange({
    range: true,
    limit: false,
    tip: true,
     });
   });
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <h2>IMAGES:</h2>
  
  <p><a href="https://i.stack.imgur.com/YW2UN.jpg" rel="nofollow noreferrer">EXPECTED RESULT</a></p>
  
  <p><a href="https://i.stack.imgur.com/MIPL6.jpg" rel="nofollow noreferrer">ACTUAL RESULT</a></p>
  
  <hr>
  
  <p>Note- <strong>EXPECTED RESULT</strong> is using the same base as <strong>ACTUAL RESULT</strong> the exact same library and CSS. The expected is using straight HTML and JQuery. I want it working for a vue.js element.</p>