title: Show spinner while loading image in Vue.js
body: <p>In the following <strong>example</strong> I made a simple image spinner loader with <strong>Vue.js</strong>:</p>
  <p>https:// jsfiddle.net/Tenarius/g2chd796/8/</p>
  <p>The problem is that, especially with larger images, the image often loads <strong>piece by piece</strong>. That doesn't look good to the user.</p>
  <p><a href="https://i.stack.imgur.com/rnMpI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rnMpI.jpg" alt="enter image description here" /></a></p>
  <hr />
  <p>The picture should only be displayed when it is fully loaded. As long as the image is not fully loaded, the spinner should be displayed.</p>
  <p>What can I do to make it work?</p>