Svelte 内联处理
您还可以内联声明事件处理程序:
<div on:mousemove="{e => m = { x: e.clientX, y: e.clientY }}">
The mouse position is {m.x} x {m.y}
</div>
引号是可选的,但它们有助于在某些环境中突出显示语法。
在某些框架中,您可能会看到出于性能原因(尤其是内部循环)避免使用内联事件处理程序的建议。该建议不适用于 Svelte——编译器将始终做正确的事情,无论您选择哪种形式。
您还可以内联声明事件处理程序:
<div on:mousemove="{e => m = { x: e.clientX, y: e.clientY }}">
The mouse position is {m.x} x {m.y}
</div>
引号是可选的,但它们有助于在某些环境中突出显示语法。
在某些框架中,您可能会看到出于性能原因(尤其是内部循环)避免使用内联事件处理程序的建议。该建议不适用于 Svelte——编译器将始终做正确的事情,无论您选择哪种形式。