Uploaded June 2021 | Updated September 2026, 1 day ago

---

Suspense components are one of the well-known features in Vue 3. They allow our app to render some fallback content while waiting for asynchronous components – letting us create a smooth user experience.

Thankfully, Suspense components are extremely simple to understand and start using in your components. They don’t even require any additional imports!

By the end of this tutorial, you should know:
- What Suspense components are
- When to use them
- How to use them

COMPANION ARTICLE
learnvue.co/2020/01/an-introduction-to-vuejs-suspense-components

VUE SKELETON LOADING TUTORIAL
learnvue.co/2020/04/vue-skeleton-loading-screen-using-suspense-components-daily-vue-4

FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet

follow me on twitter:

twitter.com/mattmaribojoc


🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool

INTRO
Daily (Prod. by Lukrembo)