Что такое Teleport в Vue 3 и когда его использовать?

Teleport — встроенный компонент Vue 3, который рендерит содержимое в другой DOM-узел, оставляя его частью логического дерева компонентов Vue. Компонент остаётся в том же месте дерева компонентов (получает пропсы, emit работает), но его HTML помещается в указанный элемент DOM. Основное применение — модальные окна, тултипы, уведомления, всё, что должно рендериться поверх overflow: hidden или z-index контекстов.