title: Unable to require() a variable path from props in VueJS
body: <p>I am sending data - a URL to a local image file, from parent to child, and when I load it in child component's  it shows an error, but if I directly load it, it works.</p>
  
  <p><strong>Code:</strong></p>
  
  <blockquote>
    <p>In parent.vue component's data:</p>
  </blockquote>
  
  <pre><code>data(){return{items:[
        {id:1, src:"../../../assets/img.png" }
  </code></pre>
  
  <blockquote>
    <p>In child.vue component's mounted()</p>
  </blockquote>
  
  <pre><code>img.src = require(this.item.src); // This does not work
  img.src = require("../../../assets/img.png") // This works
  </code></pre>
  
  <p><strong>And console.log(this.item.src) gives exactly the same string, so the child is actually getting the data correctly</strong></p>
  
  <p>As you can see both those examples have the same URL string, but one works, one does not. I have tried every combination or relative Url but everything fails.</p>
  
  <p>What's going on?</p>
  
  <p><strong>note:</strong> I am serving the development version via <code>webpack-dev-server</code></p>