Объявление свойств с export let
Открывайте свойства компонента для родительских компонентов с помощью ключевого слова export
«Объявление свойств с export let» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Параметры — это экспортируемые значения
Чтобы объявить параметр, напишите export let name в скрипте компонента. Ключевое слово export делает его доступным для родительских компонентов.
<script>
export let name;
</script>
<p>Hello {name}!</p>Несколько параметров
Перечислите столько параметров, сколько требуется вашему компоненту.
<script>
export let title;
export let count;
export let onClick;
</script>Типизированные параметры
Добавьте типы с помощью TypeScript для повышения безопасности и поддержки в редакторе.
<script lang="ts">
export let count: number;
export let label: string;
</script>Зачем нужен экспорт
Ключевое слово export в контексте скрипта заимствовано из модулей ES, но в Svelte означает «сделать доступным для родительского компонента».
Обязательные и необязательные
Параметры без значения по умолчанию обязательны. Укажите значение по умолчанию, чтобы сделать параметр необязательным.
export let title = "Untitled";Соглашение о доступе только для чтения
Рассматривайте параметры как входные данные, доступные только для чтения. Технически их можно изменять, но это нарушает однонаправленный поток данных.
Реактивные параметры
Параметры реактивны: когда родительский компонент передаёт новое значение, компонент автоматически перерисовывается.
Функции по умолчанию
Значениями по умолчанию могут быть функции или вычисляемые выражения.
export let onClick = () => {};Логические параметры
Для логических параметров наличие атрибута без значения означает true.
<MyComp disabled />Параметры с псевдонимами
Если имя параметра является зарезервированным словом, например class, его можно переименовать внутри компонента.
let className;
export { className as class };Переименованные псевдонимы
Шаблон с псевдонимом позволяет принимать имена, удобные для HTML, сохраняя внутри идентификаторы, допустимые в JS.
Быстрая проверка
Как объявить параметр?
Итоги
Параметры объявляются с помощью export let, могут иметь типы и значения по умолчанию и реагируют на обновления родительского компонента.
Часто задаваемые вопросы
Урок «Объявление свойств с export let» бесплатный?
Да — полный текст урока «Объявление свойств с export let» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Объявление свойств с export let»?
Открывайте свойства компонента для родительских компонентов с помощью ключевого слова export Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «Объявление свойств с export let»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Объявление свойств с export let
- Передача свойств от родителя
- Значения свойств по умолчанию
- Передача свойств с $$props и $$restProps