从1个WebComponent的传递一个变更值到另一个

Question

我有2个webcomponents，其具有相同的链接的值

<my-input value="{{data}}"></my-input> 
<my-output value="{{data}}"></my-output 

这样的方式，当我在my-input改变纸输入它将改变属性值相应地在my-output。

的问题是，没有结束显示，即使在输出存在的basecase：

<div>Data: {{value}}</div> 

如此看来，可变心不是链接到两个组件。在为值组件定义你需要有

@property String data; 

Answer 1

：

@Property(notify:true) 
String value; 

所以这样它传播了

的数据变量定义为。似乎没有这个，它只是停止传播。然后这会将更改的值向上推送到父变量data变量。

作为后续内容：只需要通知变量本身是否在Web组件内部发生更改。这完全取决于你的设计。