Vue · Junior · Запитання 31 з 75
Як передати розмітку з батька в дочірній компонент?
<!-- Card.vue -->
<div class="card"><slot /></div>
<!-- usage -->
<Card><p>Any content</p></Card>- ✓Правильна відповідь: Через слоти: дочірній компонент рендерить
<slot />там, де має з'явитися контент батька - 2Через prop
children, як у React - 3Передаючи HTML рядком у prop
Пояснення
Вміст між тегами <slot> - запасний варіант, якщо батько нічого не передав. Іменовані слоти (<slot name="header" />) дають кілька місць вставлення.