Резервное содержимое слота
Отображайте содержимое по умолчанию внутри , если родитель ничего не передал
«Резервное содержимое слота» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Содержимое по умолчанию внутри слота
Содержимое, размещённое внутри тега <slot>, отображается, когда родительский компонент ничего не передаёт.
<button>
<slot>Click me</slot>
</button>Оптимальные значения по умолчанию
Задавайте разумные значения по умолчанию, которые подходят для большинства случаев без участия родительского компонента.
Резервное содержимое именованных слотов
Именованные слоты также поддерживают резервное содержимое.
<slot name="title">Default Title</slot>Стратегия для каждого слота
Для каждого слота можно использовать отдельную стратегию резервного содержимого. Сочетайте их по необходимости.
Заменяется при заполнении
Если родительский компонент передаёт содержимое, резервное содержимое полностью заменяется.
Полезно для компонентов без готового интерфейса
Компоненты пользовательского интерфейса без готового оформления часто используют минимальное резервное содержимое, а потребители полностью настраивают их.
Избегайте объёмного резервного содержимого
Делайте значения по умолчанию небольшими. Большое резервное содержимое увеличивает размер неиспользуемых компонентов.
Иконки и подписи
Это распространённый подход для кнопок с иконками: если иконка не передана, резервное содержимое показывает стандартную иконку.
Сочетание с условиями
Резервное содержимое хорошо сочетается с проверками $$slots в более сложных шаблонах.
Разметка запрещена?
Резервное содержимое может включать любую разметку, в том числе другие компоненты.
Визуальная проверка
Всегда просматривайте компонент без содержимого слотов, чтобы увидеть резервный вариант.
Быстрая проверка
Когда отображается резервное содержимое слота?
Резюме
Размещайте содержимое по умолчанию между тегами <slot>, чтобы предусмотреть резервный вариант, когда родительский компонент не передаёт содержимое.
Часто задаваемые вопросы
Урок «Резервное содержимое слота» бесплатный?
Да — полный текст урока «Резервное содержимое слота» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Резервное содержимое слота»?
Отображайте содержимое по умолчанию внутри , если родитель ничего не передал Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Резервное содержимое слота»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Слоты по умолчанию для проецирования содержимого
- Именованные слоты с slot="name"
- Резервное содержимое слота
- Проверка содержимого слота с $$slots