You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/site/content/examples/01-reactivity/01-reactive-declarations/App.svelte

18 lines
318 B

<script>
6 years ago
let count = 1;
// the `$:` means 're-run whenever these values change'
$: doubled = count * 2;
6 years ago
$: quadrupled = doubled * 2;
function handleClick() {
count += 1;
}
</script>
<button on:click={handleClick}>
6 years ago
Count: {count}
</button>
6 years ago
<p>{count} * 2 = {doubled}</p>
<p>{doubled} * 2 = {quadrupled}</p>