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

Vue.js 3 Options API Masterclass

Improving the Avatar Editing User Experience thumbnail image

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

🚧 PLEASE NOTE: This masterclass is built with the Options API

The Composition API Masterclass is coming soon!

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.