同じコンポーネントの複数のインスタンスに配列値が保持されています

Question

私はプロパティーがarr:[]のコンポーネントを持っていますが、initでthis.get('arr').push('value one');でこのプロパティに値をプッシュしています。このコンポーネントを複数回使用すると、arrの値は他のすべてのコンポーネントに保持されます。 例： 私はコンポーネントのinitにある値をプッシュするとthis.get('arr').push('value one')です。 私はこのコンポーネントを一度使用するとうまく動作しますが、2回目の使用/インスタンスでは、arrはプッシュする前に既に長さ1です。

このひねりのコンソールを見てください。

https://ember-twiddle.com/8a6527aebf829ee1876bccb5e3ee47b1

奇数この振る舞いですか、このように動作するようになっていますか？

Answer 1

この動作は、使用している例に基づいて予測されますが、望ましくない場合があります。エンバーガイドから：https://guides.emberjs.com/v2.16.0/object-model/classes-and-instances/

• どのEmber.Objectで直接定義された配列やオブジェクトは、そのクラスのすべてのインスタンス間で共有されています。

• init()の間にこれらの配列とオブジェクトのプロパティを初期化することをお勧めします。これにより、各インスタンスが一意になります。

あなたの例では、以下の実装オススメ：

arr: null, 

init() { 
    this.set('arr', []); 
    // ....... 
} 

EmberTwiddle下記のザ・上記の他、 "ラフ" の例を提供します。https://ember-twiddle.com/1006a702aa09c6d365bd1a46ca283059?openFiles=components.my-component.js%2C