title: Dynamic background image based on javascript variable
body: <p>In my style block I have code like this</p>
  <pre><code>&lt;style lang=&quot;scss&quot;&gt;
      .item {
          background: url('~@assets/images/i10.png');
      }
  &lt;/style&gt;
  </code></pre>
  <p>As per my specific needs I need to load the image from the javascript variable thats being injected in html page. e.g in index.html file coming up from server it could be</p>
  <pre><code>itemURL = '/abc/def/def/img.png';
  </code></pre>
  <p>Something like:</p>
  <pre><code>&lt;style lang=&quot;scss&quot;&gt;
      .item {
          background: url([window.itemURL);
      }
  &lt;/style&gt;
  </code></pre>
  <p>and then I need to use that url as background image of item.</p>
  <p>I can't use document.getElementBy(xyz) as item is loading/unloading dynamically into DOM.</p>
  <p>Note: Its vuejs project created via vue command line tools</p>