Как динамически добавить асинхронный компонент в dom?

Question

[whowho]

Есть вот такой асинхронный компонент:

Vue.component(
        'test-component',
        () => import(/* webpackChunkName: "vue-test-form" */ './templates/VueTestForm/TestComponent.vue')
    );

Каким образом динамически его можно добавить в dom?
Не асинхронный компонент можно добавить с помощью функции $mount. Но как использовать ее для асинхронного компонента, я не смог понять.

Answer 1

[Ihor Bratukh]

Это не асинхронный компонент а просто его ленивая загрузка.

import TestComponent from './templates/VueTestForm/TestComponent.vue'

Vue.component('test-component', TestComponent)

Comments

[whowho]

Хорошо. Как при ленивой загрузке мне динамически добавить компонент в dom?

[Ihor Bratukh]

whowho,

<div id="app">
	<testComponent></testComponent>
</div>