How to Lazy Load Vue Components in Vue 3

Lazy loading Vue components is a great way to improve initial page loads. By dividing our app into chunks that are only loaded from the server when they're needed. We can do that using defineAsyncComponent



✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS

follow me on twitter:

Music by Lukrembo

[lesagecode]

Best youtube channel about vuejs. If I could give more than one like at a time i'll definitely do it

[juanalbertoboada]

few days ago looking a video here in YouTube I saw a video about qwik. It is really interesting what it is....but I remembered that I saw something alike before...it was this video...Vue can do what qwik does with some extra steps but it does it ..thank you for this video..it really helped me a lot.

[neodinok-itym]

Very clear explanation, thank you a lot

[hasanrana]

topic focused video. well explained in short video.

[princetajik]

is defineAsyncComponent same as "LazyComponentName" in nuxt ?

[yoskokleng]

what is the advantage of lazy load vue componets? when do we use it? sometimes i saw people used it with route. i want to know the important of it. please tell me, thank you.

[MANMEETSINGH]

Thanks for this wonderful Keep it up👍👍

[maysomething_]

my modal transition doesn't working again when iam put v-if on that lazy component

[_ashishsingh]

I got this error in console - Object(..) is not a function.

[MANMEETSINGH]

Bro. Video did helped but please do things a little slow so that at least our mind digest the 1 thing that you said