同じページでポリマー成分のペアを2回使用すると、

Question

ポリマーに新しくなりません。お互いに通信する2つの異なるポリマー成分を使用している。私はそれを2回（2×2コンポーネント）行う必要があります。

次のコードでは、さまざまなコンポーネントのひとつペアを使用し、それが動作します：

<dom-bind id="dombind"> 
    <template is="dom-bind"> 

    <polymer-componentA id="polymercomponentA_1" 
     attribute="[[x]]" 
     attribute="[[x]]" 
     attribute="{{x}}"> 
    </polymer-componentA> 
    <polymer-componentB id="polymer-componentB_1" 
     attribute="{{x}}"> 
    </polymer-componentB> 

    </template> 
</dom-bind> 

しかし、私はコンポーネントの他のペアを追加するとき、それは悪い作業を開始します。私はこれはよくやっていないけど、私はこれについての良い例を見つけるいけない

<dom-bind id="dombind"> 
    <template is="dom-bind"> 

    <polymer-componentA id="polymercomponentA_1" 
     attribute="[[x]]" 
     attribute="[[x]]" 
     attribute="{{x}}"> 
    </polymer-componentA> 
    <polymer-componentB id="polymer-componentB_1" 
     attribute="{{x}}"> 
    </polymer-componentB> 

    </template> 
</dom-bind> 

<dom-bind id="dombind"> 
    <template is="dom-bind"> 

    <polymer-componentA id="polymercomponentA_2" 
     attribute="[[x]]" 
     attribute="[[x]]" 
     attribute="{{x}}"> 
    </polymer-componentA> 
    <polymer-componentB id="polymer-componentB_2" 
     attribute="{{x}}"> 
    </polymer-componentB> 

    </template> 
</dom-bind> 

：私は、彼らが同じコンポーネントを（代わりに独立しているの）使用と思います。 2つのポリマコンポーネントを使用する正しい方法は何ですか？ ありがとうございます！

Answer 1

If you provide a function, Polymer calls the function once per element instance.

When initializing a property to an object or array value, use a function to ensure that each element gets its own copy of the value, rather than having an object or array shared across all instances of the element.

出典：https://www.polymer-project.org/2.0/docs/devguide/properties#configure-values

例

static get properties() { 
    return { 
     data: { 
     type: Object, 
     value: function() { return {}; } 
     } 
    } 
    }