title: How can I display image by image uploaded on the vue component?
body: <p>My code like this :</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;div v-for="item in items"&gt;
      &lt;div v-if="!image"&gt;
        &lt;h2&gt;Select an image&lt;/h2&gt;
        &lt;input type="file" @change="onFileChange"&gt;
      &lt;/div&gt;
      &lt;div v-else&gt;
        &lt;img :src="image" /&gt;
        &lt;button @click="removeImage"&gt;Remove image&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Demo and full code like this : <a href="https://codepen.io/moschel26/pen/jwdMgp" rel="nofollow noreferrer">https://codepen.io/moschel26/pen/jwdMgp</a></p>
  
  <p>There are 5 input files. I want when I upload the image on the input file 3 then the image is only shown on the img 3. when I upload the image on the input file 5 then the image is only shown on the img 5. etc</p>
  
  <p>How can i do that?</p>