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

The Vue.js Master Class

Hide Content Until Data is Fully Loaded 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.

Hide Content Until Data is Fully Loaded

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

The Composition API Masterclass is coming soon!

When we're working with asynchronous data, the data loads in different speed and as a result appear in random order, causing the site to look weird.

To increase the user experience, we can hide the required data until it's ready in our state and show a loading indicator while we fetch the data.

In the next couple of lessons, we will work towards this goal, and in this one, we'll start by hiding the data until it's fully loaded.