Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial
Vue School Logo

The Vue.js 3 Masterclass

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Improving the Avatar Editing User Experience

In this lesson, we improve the UI for updating a profile picture.

First, we make the profile image look more clickable so that the user will know how to update the image. Secondly, we add a spinner so that the user knows when the upload is in progress. Lastly, we change out the actual profile image when the upload is complete.