Параметры и обновления действий
Передавайте параметры действиям и реагируйте на их изменения с помощью метода update
«Параметры и обновления действий» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Действия с параметрами
Действия могут принимать второй аргумент: параметры от потребителя.
function tooltip(node, text) {
// ...
}Применение с параметрами
Передайте значение в фигурных скобках после двоеточия.
<button use:tooltip={"Save document"}>Save</button>Реактивные параметры
Если параметры меняются, выполняется метод update действия.
return {
update(newText) { /* react to change */ },
destroy() { /* cleanup */ }
};Возвращаемый объект
Действие может возвращать объект с методами update и destroy для полного управления жизненным циклом.
Пример шаблона
Действие всплывающей подсказки, текст которой реактивно обновляется во время ввода пользователя в поле.
Сложные параметры
Передавайте объекты для нескольких параметров.
<div use:popper={{ placement: "top", offset: 8 }}>Параметры по умолчанию
Корректно обрабатывайте значение undefined внутри действия.
function tip(node, params = {}) { ... }Типы TypeScript
Опишите форму параметров с помощью обобщённого типа Action, чтобы потребителю было безопасно использовать действие.
Стабильная идентичность
Избегайте передачи встроенных объектов, которые меняются при каждой отрисовке: они могут вызывать ненужные обновления.
Порядок жизненного цикла
Действие выполняется при монтировании, update — при изменении параметров, а destroy — при размонтировании.
Избегайте тяжёлых обновлений
Поддерживайте эффективность логики update — она может выполняться много раз.
Быстрая проверка
Как реагировать на изменение параметров внутри действия?
Повторение
Действия принимают параметры и могут возвращать обработчики update/destroy для реакции на изменения и очистки.
Часто задаваемые вопросы
Урок «Параметры и обновления действий» бесплатный?
Да — полный текст урока «Параметры и обновления действий» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Параметры и обновления действий»?
Передавайте параметры действиям и реагируйте на их изменения с помощью метода update Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Параметры и обновления действий»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Синтаксис директивы use:
- Параметры и обновления действий
- Функция очистки destroy()
- Практические действия: clickOutside tooltip autofocus