How to dynamically add asynchronous component to dom?

Question

Vue.js

There is such an asynchronous component:

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

How can it be dynamically added to the dom?
A non-async component can be added using the $mount function. But how to use it for an asynchronous component, I could not understand.

Answer 1

It's not an async component, just lazy loading it .

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

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