This content originally appeared on DEV Community and was authored by Arya Krishna
What is the $: in Svelte?
Any top-level statement (i.e. not inside a block or a function) can be made reactive by prefixing it with the $: JS label syntax.
Label statements can be seen in vanilla JavaScript in conjunction with loops and the break and continue keyword and attached.
What svelte does is it grabs this $: statement and we can add a dynamic calculation based on some other value.
$: uppercaseName = name.toUpperCase();
Here name.toUpperCase is a built in JavaScript Method and upperCaseName is a variable.
Svelte will recalculate the value for us whenever the name changes.
This content originally appeared on DEV Community and was authored by Arya Krishna
Arya Krishna | Sciencx (2022-05-02T01:01:10+00:00) Svelte: Labeled Statements. Retrieved from https://www.scien.cx/2022/05/02/svelte-labeled-statements/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.