Part 1 / Events / Inline handlers

イベントハンドラをインラインで宣言することもできます。

<div on:mousemove="{e => m = { x: e.clientX, y: e.clientY }}">
	The mouse position is {m.x} x {m.y}
</div>

"" 引用符はオプションですが、一部の環境で構文を強調表示する場合に役立ちます。

一部のフレームワークでは、パフォーマンス上の理由から、特にループ処理内で、イベントハンドラをインラインで宣言しないように推奨されています。しかし、この推奨事項はSvelteには当てはまりません。あなたがどのように書いたとしても、常に適切にコンパイルします。