Svelte 内联处理

您还可以内联声明事件处理程序：

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

引号是可选的，但它们有助于在某些环境中突出显示语法。

在某些框架中，您可能会看到出于性能原因（尤其是内部循环）避免使用内联事件处理程序的建议。该建议不适用于 Svelte——编译器将始终做正确的事情，无论您选择哪种形式。