Polymer 难以理解Lit元素文档中的事件处理程序示例

Polymer 难以理解Lit元素文档中的事件处理程序示例,polymer,lit-element,Polymer,Lit Element,在中,为什么事件处理程序示例需要变量替换: event handler: html`<button on-click="${(e) => this._clickHandler(e)}"></button>` 事件处理程序:html`` 也就是说,我不明白表达式的哪一部分需要“替换”-为什么事件处理程序不能只进行硬编码,而不进行动态替换 实验表明,如果没有,该值将被解释为a的值,a只能是字符串 因此,以下[不正确]HTML: <button id="x" o

在中,为什么事件处理程序示例需要变量替换:

event handler: html`<button on-click="${(e) => this._clickHandler(e)}"></button>`
事件处理程序:html``

也就是说,我不明白表达式的哪一部分需要“替换”-为什么事件处理程序不能只进行硬编码,而不进行动态替换

实验表明,如果没有,该值将被解释为a的值,a只能是字符串

因此,以下[不正确]HTML:

<button id="x" on-click="(e) => console.log(e)"> <!-- DON'T DO THIS -->

您可以通过在按钮上运行
getEventListeners()
来确认此行为。

谢谢Tony-非常感谢。我从较高的层次上理解你所说的,但我现在有更多的问题,在我再次打扰社区之前,我将通过阅读一些东西来回答自己。
document.getElementById('id').setAttribute('on-click', '(e) => console.log(e)');