Sometimes we may run into the following scenario: a part of a component’s template belongs to it logically, but from a visual standpoint, it should be displayed somewhere else in the DOM, outside of the Vue application. This is where the <Teleport> component comes in.
Visit the following resources to learn more: