Skip to content

Commit d493e42

Browse files
authored
Update built-in-components.md
Translate and add description on 'defer' atribute in <Teleport>
1 parent 69d3694 commit d493e42

1 file changed

Lines changed: 6 additions & 2 deletions

File tree

src/api/built-in-components.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -310,12 +310,16 @@ h(Transition, {
310310
</Teleport>
311311
```
312312

313-
Defer target resolution <sup class="vt-badge" data-text="3.5+" />:
313+
Использование с `defer` <sup class="vt-badge" data-text="3.5+" />:
314+
Атрибут `defer` говорит фреймворку не пытаться найти DOM-узел `#late-div` прямо в момент рендера самого `<Teleport>`.
315+
Поиск откладывается до того момента, пока не отрисуется весь текущий шаблон.
316+
Без этого атрибута код бы сломался, так как в момент монтирования Телепорта целевого `div`,
317+
находящегося ниже по коду, еще не существует в DOM-дереве.
314318

315319
```vue-html
316320
<Teleport defer to="#late-div">...</Teleport>
317321
318-
<!-- somewhere later in the template -->
322+
<!-- где-то дальше в шаблоне -->
319323
<div id="late-div"></div>
320324
```
321325

0 commit comments

Comments
 (0)