Why Build a DataLoader Component?
2:41
The Basic DataLoader Component
9:00
Exercise 1 - Custom Authentication
0:42
Exercise 1 Solution
1:07
Debouncing API Calls (updated)
5:12
The Loading State
3:29
Exercise 2 - Spinner Plus
1:37
Exercise 2 Solution
1:26
The Error State
3:41
DataLoader Component Conclusion
1:10
0% done with Advanced Components - Slots III (DataLoader Component)

Chapter 3 of 5 in Advanced Components: Slots
The Error State

When there's a problem with the API call, we want to let the user know.

We equip the DataLoader Component with a default error message, and provide a named slot if the developer wants to add a custom message.

What do others think of VueScreencasts?
"Excellent! Top Vue tutorials I've found."
—Igor Špánik
"Thank you for the lesson. I could not solve the problem with middleware in any way, but now everything fell into place."
—Адам Янг
"Very good tutorial, thanks."
—ivan89pln
"Amazing!!!!! Need this so much!!!!!!"
—Nathan Yang
Take your career to the next level