Polymer Can';不了解聚合物2.0自定义元素属性?

Polymer Can';不了解聚合物2.0自定义元素属性?,polymer,polymer-2.x,Polymer,Polymer 2.x,我无法理解此处属性的notify和reflect to attribute设置。谁能用一些简单适用的例子来解释一下 通知: 发件人: 通知类型:布尔型 如果为true,则该属性可用于双向数据绑定。此外,只要属性发生更改,就会触发一个名为property name changed的事件。有关详细信息,请参见属性更改通知事件(notify) 发件人: 通知属性支持向上的数据流。默认情况下,属性是非通知的,不支持向上的数据流 表示用户对此属性所做的任何更改都将通过dom树或“目标到主机”向上传播 e、

我无法理解此处属性的notifyreflect to attribute设置。谁能用一些简单适用的例子来解释一下

通知:

发件人:

通知类型:布尔型

如果为true,则该属性可用于双向数据绑定。此外,只要属性发生更改,就会触发一个名为property name changed的事件。有关详细信息,请参见属性更改通知事件(notify)

发件人:

通知属性支持向上的数据流。默认情况下,属性是非通知的,不支持向上的数据流

表示用户对此属性所做的任何更改都将通过dom树或“目标到主机”向上传播

e、 g

通过指定选中项反映到属性,查看演示

使用浏览器进行检查时,我们可以看到简单复选框的状态在单击简单复选框时更新为选中

//L32
//...
//此.checked从L43继承
行为:[聚合物.IronCheckedElementBehavior],
//...
//L53
_onCheckTap:function(){
this.checked=this.$.checkbox.checked;
},

我也看了文档!如果可以的话,我想要一些简单适用的例子!它仍然是文档/标准聚合物库,但我添加了一些示例。希望能有帮助。我已经回答了你们提出的问题。这里是链接:可能重复的
class DemoElement extends Polymer.Element {
  static get is() { return "demo-element" }
  static get properties() {
    return {
      prop1 : {
        type:String,
        notify: true,
        reflectToAttriubute: true, 
      }
    }
  }
}
<script>
  class XTarget extends Polymer.Element {

    static get is() {return 'x-target';}

    static get properties() {
      return {
        someProp: {
          type: String,
          notify: true
        }
      }
    }

  }

  customElements.define(XTarget.is, XTarget);
</script>
...

<dom-module id="x-host">
  <template>
    <!-- changes to "value" propagate downward to "someProp" on target -->
    <!-- changes to "someProp" propagate upward to "value" on host  -->
    <x-target some-prop="{{value}}"></x-target>
  </template>
  <script>
    class XHost extends Polymer.Element {

      static get is() {return 'x-host';}

    }

    customElements.define(XHost.is, XHost);
  </script>
   checked: {
        type: Boolean,
        value: false,
        reflectToAttribute: true,
        notify: true,
        observer: '_checkedChanged'
      },
//L32
<input type="checkbox" id="checkbox" on-tap="_onCheckTap">
//...
//this.checked is inherited from L43
      behaviors: [Polymer.IronCheckedElementBehavior],
//...
//L53
  _onCheckTap: function() {
    this.checked = this.$.checkbox.checked;
  },