Inscrevendo-se com a autoinscrição $
Use o prefixo $ para se inscrever e cancelar a inscrição automaticamente em stores nos componentes.
Inscrevendo-se com a autoinscrição $ é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
O prefixo $
Adicione o prefixo $ a uma store dentro de um componente para assinar automaticamente e ler seu valor.
<script>
import { count } from "./stores";
</script>
<p>{$count}</p>Cancelamento automático da inscrição
O Svelte cancela a inscrição automaticamente quando o componente é destruído. Não há vazamentos de memória.
Mágica em tempo de compilação
O compilador reescreve $count com o código padrão apropriado de inscrição e cancelamento da inscrição durante a compilação.
Atribuição a $store
Você também pode fazer uma atribuição: $count = 5 é uma forma abreviada de count.set(5).
Atualização de $store
Operadores como $count++ funcionam, chamando set internamente com o novo valor.
Somente em componentes
A forma abreviada $ só é válida dentro de arquivos .svelte. Em um .js comum, use get(store) ou subscribe.
Dentro de instruções reativas
Os valores de $store são reativos, portanto acionam declarações $:.
$: doubled = $count * 2;Dentro da marcação
Use {$store} onde quer que você interpolasse uma variável comum.
Várias stores
Faça a inscrição automática em quantas stores forem necessárias; cada uma é acompanhada de forma independente.
Evite efeitos colaterais em $
A forma abreviada $ serve para ler e atribuir valores. Não insira lógica complexa diretamente nela.
Desempenho
A inscrição automática quase não tem custo por componente. Use-a livremente para estados compartilhados.
Verificação rápida
O que $count faz em um componente Svelte?
Recapitulação
A forma abreviada $store lê, grava e limpa automaticamente as inscrições. Use-a em todos os lugares dentro de arquivos .svelte.
Perguntas Frequentes
A aula “Inscrevendo-se com a autoinscrição $” é grátis?
Sim — o texto completo de “Inscrevendo-se com a autoinscrição $” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “Inscrevendo-se com a autoinscrição $”?
Use o prefixo $ para se inscrever e cancelar a inscrição automaticamente em stores nos componentes. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “Inscrevendo-se com a autoinscrição $”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Criando um Store gravável
- Inscrevendo-se com a autoinscrição $
- Atualizando Stores: set() e update()
- Stores readable e funções de inicialização personalizadas