javascript - Ember Octane (3.22+) 为什么使用 {{on 'click' this.function}} 而不是 onclick={{this.function}}

Question

因此，在 Ember Octane 中，有两种方法可以将函数附加到 hbs 文件中的事件。

EmberJS 方式:{{on 'click' this.function}}

经典的HTML方式:onclick={{this.function}}

Here they suggest using the prior syntax

但是，除非我们有正当理由，否则我看不出使用该语法的理由。

我会使用前者而不是后者的原因是什么？

Answer 1

{{on 'click' this.function}}

使用 W3C DOM 1.0 规范中的 addEventListener 语义，并在模板被销毁时自动使用 removeEventListener 自行清理。

onClick={{this.function}}

使用 HTML4 中较旧的 DOM 事件语义，

1. 不允许多个监听器
2. 不会传播到外部元素
3. 从嵌套元素中吞下任何事件