Dom web组件的属性可以是函数吗?

Dom web组件的属性可以是函数吗?,dom,polymer,web-component,Dom,Polymer,Web Component,React非常强大的功能之一是能够将功能作为道具传递: <Counter getText={count => `Count: ${count}`} /> 当然HTML有一个事件处理函数的语法 <p id="demo" onclick="myFunction()">Click me to change my text color.</p> 单击我以更改文本颜色 但是调用函数的参数是硬编码的。我想知道一个web组件是否可以被赋予一个函数属性,它可以用它

React非常强大的功能之一是能够将功能作为道具传递:

<Counter getText={count => `Count: ${count}`} />
当然HTML有一个事件处理函数的语法

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
单击我以更改文本颜色

但是调用函数的参数是硬编码的。我想知道一个web组件是否可以被赋予一个函数属性,它可以用它想要的任何参数调用它?

是的,你可以

onclick="myFunction()" 
应该是

onclick="myFunction.bind(this,arguementsGoHere)"

好的,你能给出一个从web组件调用
myFunction
的例子吗?通过
argumentsGoHere
你的意思是参数必须在该字符串中吗?因为我在问是否有一种方法可以在以后传递参数,而不是在
onclick
字符串中写入参数。这就是您要查找的:

单击我来更改文本颜色。

可能将所有代码放在上下文中,就像一个文件一样,还有你尝试过的代码,这样我们就可以看到我们需要修复什么了?我实际上并没有做任何编程,我只是出于好奇询问web组件。
onclick="myFunction.bind(this,arguementsGoHere)"