Can we add components or plugins after app is mounted?

[AlexandrosDa007]

Hello all,
I was wondering if there is any reason to not do the following:

const app = createApp(...);
app.mount(Comp1);


// After some async operation, for example an api call
 myAsyncOperation().then(() => {
    app.component(Comp2);
    app.use(MyPlugin);
 })

I understand that Comp2 and MyPlugin should not be used until the async operation is finished, because vue doesn't recognize them. However that can be solved by numerous ways (such as a flag).

The question is if Vue does something interally that will result in issues with this setup.
I have a a playcode.io that showcases this behavior, I found no issues with it but I am not an expert on Vue.
Please advice.

PS: If this has been answered somewhere please point it out, because I couldn't find anything related

[Shyam-Chen]

Why don’t you use defineAsyncComponent?

[Hetari]

You shouldn’t do this! Registering components or plugins after app.mount can lead to hidden dependencies and subtle reactivity issues, plus other complexities within Vue’s ecosystem.

Instead, use v-if for conditional rendering or lazy-load components (defineAsyncComponent) as needed. These approaches avoid the pitfalls of async registration.

Hope that helps!

[AlexandrosDa007]

Thank you