Reactivity

Svelteの中心には、DOMを(例えば、イベントに応じて)アプリケーションの状態に同期し続けさせるための強力な reactivity システムがあります。

これを実演するには、まずイベントハンドラを定義する必要があります。9行目をこれに置き換えてください。

<button on:click={incrementCount}>

関数 incrementCount の内部で必要なのは count の値を変更することだけです。

function incrementCount() {
	count += 1;
}

Svelteは、DOMが更新される必要があることを伝えるコードをこの代入に取り付け(instrument)ます。



		
loading editor...

Console

loading Svelte compiler...


		
loading editor...

Compiler options

result = svelte.compile(source, {
generate:
});


		
loading editor...