title: How to place image address in array and use that array index in source VUE JS?
body: <p>I’m new into vue js and I’m facing a little issue. I’m sure that its a minor issue as I’m new into it can’t able to solve it by myself. Any suggestion or solution will be acknowledge.</p>
  <p>Thing is I want to store image address (images that will be in assets directory) in an array &amp; then I want to pass those address as a source to img tag. for instance following is the code:</p>
  <pre><code>   &lt;div class=&quot;text-h2&quot; v-for=&quot;img in imgs&quot; :key=&quot;img&quot;&gt; 
                             &lt;img src=&quot;{{img}}&quot; alt=&quot;&quot;&gt;
       &lt;/div&gt;
  </code></pre>
  <p>where the image source will be saved in src array:</p>
  <pre><code>export default {
      name: 'Home',
     data: () =&gt; ({
        imgs: ['./assets/img1.png','./assts/img2.png' ],
      }),
  </code></pre>
  <p><strong>ANY HINT WILL BE REALLY APPRECIATED</strong></p>