リアクティブな 値 を宣言するだけでなく、任意の ステートメント をリアクティブに実行することもできます。例えば、count
の値が変化するたびにログを取ることができます。
App.svelte
let count = 0;
$: console.log(`the count is ${count}`);
ブロックで簡単にステートメントをグループ化することができます。
App.svelte
$: {
console.log(`the count is ${count}`);
console.log(`this will also be logged whenever count changes`);
}
if
ブロックなどの前に $:
を置くこともできます。
App.svelte
$: if (count >= 10) {
alert('count is dangerously high!');
count = 0;
}