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

The Vue.js 3 Masterclass

Hiding 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.

Hiding Content Until Data is Fully Loaded

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

The Composition API Masterclass is coming soon!

In this lesson we improve user experience by removing the incremental showing, hiding all page content until all the data is available. In the Vue.js created hook, we're able to wait for all the data to finish loading and set a ready data property to true that conditionally show/hides the markup in the template.