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

The Vue.js Master Class

Show a Progress Bar while Components Fetch Asynchronous Data 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.

Show a Progress Bar while Components Fetch Asynchronous Data

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

The Composition API Masterclass is out!

Since we're fetching async data when loading a new component, it might be a better fit to change the loading indicator from a spinner to a progress bar.

In this lesson, we're importing and configuring NProgress.js to show the progress bar when we're fetching async data.