Svelte内联处理

Svelte 内联处理

您还可以内联声明事件处理程序:<div on:mousemove="{e => m = { x: e.clientX, y: e.clientY }}">

The mouse position is {m.x} x {m.y}

</div>引号是可选的,但它们有助于在某些环境中突出显示语法。在某些框架中,您可能会看到出于性能原因(尤其是内部循环)避免使用内联事件处理程序的建议。该建议不适用于 Svelte——编译器将始终做正确的事情,无论您选择哪种形式。