Skip to main content

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

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

<button on:click={incrementCount}>

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

ts
function incrementCount() {
count += 1;
}

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