Подписка с помощью автоматической подписки $
Используйте префикс $, чтобы автоматически подписываться на хранилища и отменять подписку в компонентах
«Подписка с помощью автоматической подписки $» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Префикс $
Добавьте перед хранилищем префикс $ внутри компонента, чтобы автоматически подписаться на него и считывать его значение.
<script>
import { count } from "./stores";
</script>
<p>{$count}</p>Автоматическая отмена подписки
Svelte автоматически отменяет подписку при уничтожении компонента. Утечек памяти не возникает.
Магия во время компиляции
Компилятор во время сборки преобразует $count в нужный служебный код подписки и отмены подписки.
Присваивание хранилищу
Также можно выполнить присваивание: $count = 5 — это сокращённая запись для count.set(5).
Обновление хранилища
Работают и такие операторы, как $count++: внутренне они вызывают set с новым значением.
Только внутри компонентов
Сокращённая запись с $ допустима только внутри файлов .svelte. В обычных файлах .js используйте get(store) или subscribe.
В реактивных выражениях
Значения $store реактивны, поэтому они запускают объявления $:.
$: doubled = $count * 2;В разметке
Используйте {$store} везде, где обычно подставляли бы значение переменной.
Несколько хранилищ
Автоматически подписывайтесь на столько хранилищ, сколько нужно: каждое отслеживается независимо.
Избегайте побочных эффектов в $
Сокращённая запись с $ предназначена для чтения и присваивания. Не помещайте в неё сложную логику.
Производительность
Автоматическая подписка почти ничего не стоит для каждого компонента. Свободно используйте её для общего состояния.
Быстрая проверка
Что делает $count в компоненте Svelte?
Итоги
Сокращённая запись $store читает значения, записывает их и автоматически очищает подписки. Используйте её везде внутри файлов .svelte.
Часто задаваемые вопросы
Урок «Подписка с помощью автоматической подписки $» бесплатный?
Да — полный текст урока «Подписка с помощью автоматической подписки $» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Подписка с помощью автоматической подписки $»?
Используйте префикс $, чтобы автоматически подписываться на хранилища и отменять подписку в компонентах Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Подписка с помощью автоматической подписки $»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Создание доступного для записи хранилища
- Подписка с помощью автоматической подписки $
- Обновление хранилищ: set() и update()
- Хранилища readable и пользовательские функции запуска