Merge pull request #491 from askras/improved_translation_teleport

Ibochkarev · web-flow · commit 74b30dd9156c · 2025-03-10T11:33:13.000+06:00
Improved translation of `/guide/built-ins/teleport.md`
diff --git a/src/guide/built-ins/teleport.md b/src/guide/built-ins/teleport.md
@@ -2,7 +2,7 @@
 
  <VueSchoolLink href="https://vueschool.io/lessons/vue-3-teleport" title="Бесплатный урок о телепортах во Vue.js"/>
 
-`<Teleport>` это встроенный компонент, который позволяет "телепортировать" часть шаблона компонента в узел DOM, который находится за пределами иерархии DOM этого компонента.
+`<Teleport>` это встроенный компонент, который позволяет «телепортировать» часть шаблона компонента в узел DOM, который находится за пределами иерархии DOM этого компонента.
 
 ## Базовое использование {#basic-usage}
 
@@ -111,7 +111,7 @@ export default {
 </Teleport>
 ```
 
-Целевым значением атрибута `to` компонента `<Teleport>` ожидается строка CSS-селектора или фактический узел DOM. Здесь мы как бы говорим Vue "**телепортировать** этот фрагмент шаблона **в** элемент **`body`**".
+Целевым значением атрибута `to` компонента `<Teleport>` ожидается строка CSS-селектора или фактический узел DOM. Здесь мы как бы говорим Vue «**телепортировать** этот фрагмент шаблона **в** элемент **`body`**».
 
 Вы можете нажать на кнопку ниже и проверить элемент `<body>` с помощью инструментов разработчика вашего браузера:
 
@@ -173,7 +173,7 @@ const open = ref(false)
 
 ## Несколько телепортов в один целевой элемент {#multiple-teleports-on-the-same-target}
 
-Распространённым случаем использования может быть повторно используемый компонент `<Modal>`, который может иметь несколько активных экземпляров одновременно. Для такого сценария несколько компонентов `<Teleport>` могут монтировать своё содержимое в один и тот же целевой элемент. Порядок будет определяться простым добавлением - поздние монтирования будут находиться после более ранних внутри целевого элемента.
+Распространённым случаем использования может быть повторно используемый компонент `<Modal>`, который может иметь несколько активных экземпляров одновременно. Для такого сценария несколько компонентов `<Teleport>` могут монтировать своё содержимое в один и тот же целевой элемент. Порядок будет определяться простым добавлением, т.е. поздние монтирования будут находиться внутри целевого элемента после более ранних.
 
 Пример использования:
 
@@ -195,18 +195,18 @@ const open = ref(false)
 </div>
 ```
 
-## Deferred Teleport <sup class="vt-badge" data-text="3.5+" /> {#deferred-teleport}
-
-In Vue 3.5 and above, we can use the `defer` prop to defer the target resolving of a Teleport until other parts of the application have mounted. This allows the Teleport to target a container element that is rendered by Vue, but in a later part of the component tree:
+## Отложенный телепорт <sup class="vt-badge" data-text="3.5+" /> {#deferred-teleport}
 
+В Vue 3.5 и выше можно использовать свойство `defer`, чтобы отложить определение цели для телепорта до тех пор, пока другие части приложения не будут смонтированы. Это позволяет телепорту нацеливаться на контейнерный элемент, который отрисовывается Vue, но находится в более поздней части дерева компонентов:
+  
 ```vue-html
 <Teleport defer to="#late-div">...</Teleport>
 
-<!-- somewhere later in the template -->
+<!-- где-то позже в шаблоне -->
 <div id="late-div"></div>
 ```
 
-Note that the target element must be rendered in the same mount / update tick with the Teleport - i.e. if the `<div>` is only mounted a second later, the Teleport will still report an error. The defer works similarly to the `mounted` lifecycle hook.
+Обратите внимание, что целевой элемент должен быть отрисован в рамках того же такта монтирования/обновления, что и телепорт. Если `<div>` появится позже (например, через секунду), телепорт всё равно вызовет ошибку. Работа `defer` аналогична хуку жизненного цикла `mounted`.
 
 ---
 
