title: Assets from data of objects
body: <p>I'm using nuxt.js and vue.js. But have an issue with adding images from data array of objects like this:</p>
  
  <pre><code>&lt;img v-bind:src="~assets/img/image-name.jpg"&gt;
  </code></pre>
  
  <p>When I'm using /static it works fine.</p>
  
  <pre><code>&lt;img v-bind:src="/img/image-name.jpg"&gt;
  </code></pre>
  
  <p>How can I use <strong>~assets</strong> with data from objects? Can you please help me with this?</p>
  
  <p><strong>UPD</strong></p>
  
  <p>Here is more details. I'm using data like this part:</p>
  
  <pre><code>products: [ { id: 1, imgSrc: 'img/product-img-1.jpg', } ]
  </code></pre>
  
  <p>Then in *.vue I'm using</p>
  
  <pre><code>&lt;img v-bind:src="product.imgSrc"&gt;
  </code></pre>
  
  <p>(v-for is added in code too in block above img tag). It's works fine, because images are in /static/ folder.
  But how can I use images from /assets folder for binding data from object? I thought something like this one:</p>
  
  <p><code>products: [ { id: 1, imgSrc: '~assets/img/product-img-1.jpg', } ]</code></p>
  
  <p>but it's not.</p>