Sottoscrizione con l'auto-sottoscrizione $
Utilizzi il prefisso $ per sottoscrivere e annullare automaticamente la sottoscrizione agli store nei componenti.
Sottoscrizione con l'auto-sottoscrizione $ è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Il prefisso $
Anteponendo $ a uno store all'interno di un componente, si attivano automaticamente la sottoscrizione e la lettura del suo valore.
<script>
import { count } from "./stores";
</script>
<p>{$count}</p>Annullamento automatico della sottoscrizione
Svelte annulla automaticamente la sottoscrizione quando il componente viene distrutto. Non si verificano perdite di memoria.
Magia in fase di compilazione
Il compilatore riscrive $count trasformandolo nel codice standard corretto per la sottoscrizione e l'annullamento della sottoscrizione durante la compilazione.
Assegnare a $store
È possibile anche assegnare un valore: $count = 5 è una forma abbreviata di count.set(5).
Aggiornare $store
Operatori come $count++ funzionano e chiamano internamente set con il nuovo valore.
Solo nei componenti
La forma abbreviata $ è valida solo all'interno dei file .svelte. Nei file .js normali utilizzi get(store) o subscribe.
All'interno delle dichiarazioni reattive
I valori $store sono reattivi, quindi attivano le dichiarazioni $:.
$: doubled = $count * 2;All'interno del markup
Utilizzi {$store} ovunque interpolerebbe una variabile normale.
Più store
Attivi la sottoscrizione automatica a tutti gli store necessari; ciascuno viene monitorato in modo indipendente.
Evitare effetti collaterali in $
La forma abbreviata $ serve per leggere e assegnare valori. Non inserisca logica complessa direttamente al suo interno.
Prestazioni
La sottoscrizione automatica ha un costo quasi nullo per componente. La utilizzi liberamente per lo stato condiviso.
Verifica rapida
Che cosa fa $count in un componente Svelte?
Riepilogo
La forma abbreviata $store legge e scrive valori e gestisce automaticamente la pulizia delle sottoscrizioni. La utilizzi ovunque nei file .svelte.
Domande Frequenti
La lezione «Sottoscrizione con l'auto-sottoscrizione $» è gratuita?
Sì — il testo completo di «Sottoscrizione con l'auto-sottoscrizione $» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Sottoscrizione con l'auto-sottoscrizione $»?
Utilizzi il prefisso $ per sottoscrivere e annullare automaticamente la sottoscrizione agli store nei componenti. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Sottoscrizione con l'auto-sottoscrizione $»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Creazione di uno store writable
- Sottoscrizione con l'auto-sottoscrizione $
- Aggiornamento degli store: set() e update()
- Store readable e funzioni di avvio personalizzate