title: Dynamic Background image in vue.js
body: <p>this is my very first post on stack overflow, so apologies if i am doing anything outside of the norm here.</p>
  <p>i have a very simple question. i am learning Vue.js, and want to have some background image repeat in my BODY, but adding that image in a dynamic fashion</p>
  <p>until now i have managed to do so in a classic DIV like so in the HTML part of the code:</p>
  <pre><code>&lt;template&gt;
      &lt;div  :style=&quot;{ backgroundImage: `url(${backgroundUrl})` }&quot;&gt;test&lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>and in the Vue.js script i have this :</p>
  <pre><code>&lt;script&gt;
  import backgroundUrl from '~/artistes/ElzoDurt.jpg'
  export default {
    data() {
      return {
        backgroundUrl
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>Now this works perfectly fine in a DIV, because i am using TEMPLATE
  but trying the same trick in a BODY doesn't seem to function because if i ever use BODY within a TEMPLATE , the screen goes blank !</p>
  <p>Thank you very much !</p>