defineAsyncComponent in Vuejs 3

Question

I have been working with vue3-beta release, I just found out that there is a defineAsyncComponent in the new library. I haven't found anything about that on the internet.

Just wanted to know what is its use-case and when to use it. how is it different from the async setup() feature. and what would be the performance comparison between two.

tony19 · Accepted Answer · 2022-07-15 22:16:20Z

4

It's used to lazy-load a component (and optionally display a place-holder when loading or failing). It exists in Vue2 already but it's not a specific function. Did you read https://github.com/vuejs/rfcs/blob/master/active-rfcs/0026-async-component-api.md ?

edited Jul 15, 2022 at 22:16

tony19

140k23 gold badges281 silver badges354 bronze badges

answered May 20, 2020 at 23:44

Renaud

1,3098 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kick Buttowski Apr 10 at 4:03

why when I use it I get the following error? [Vue Router warn]: Component "default" in record with path "/admin/new-post" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".

Collectives™ on Stack Overflow

defineAsyncComponent in Vuejs 3

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related