title: Assign background-image as variable in vuejs
body: <p>I have got a <strong>vue.js</strong> component with a <code>div.icon</code>:</p>
  
  <pre><code>Vue.component('obj', {
    props: ['img', 'name'],
    template: '&lt;div&gt;&lt;div class="icon"&gt;&lt;/div&gt; {{ name }}&lt;/div&gt;'
  })
  </code></pre>
  
  <p>While its easy to use <code>{{ name }}</code>, I do not know how to pass <code>{{ img }}</code>. </p>
  
  <p>I have tried to add the following code, which does not work:</p>
  
  <pre><code>v-bind:style="{ backgroundImage: 'url(' + {{ img }} + ')' }"
  </code></pre>
  
  <p>How can I use the props: <code>img</code> to assign a background-image?</p>