Merhaba, vuejs de geliştirme yapıyorum ve içerisi tamamen aynı olan bir componentim. Üstteki componenti değiştirdiğimde aşağıdaki componentte değişiyor. Ben bunu istemiyorum. Bu sorunu nasıl çözerim ?

    <div class="comp1-block">
        <MyComponent :item="item" key="comp1-key" id="comp1" ref="comp1Ref"/>
    </div>
    
    <div class="comp2-block">
        <MyComponent :item="item" key="comp2-key" id="comp2" ref="comp2Ref"/>
    </div>

Burada yukarıdaki component içerisinde birşey değiştirdiğimde aynısı alttaki componenttede değişiyor. Ben bunun olmasını istemiyorum.

Örnek olarak yukarıdaki ve aşağıdaki data ilk olarak 10 geliyor. Yukarıdakini 20 yaptığımda aşağıdakide 20 oluyor. Ama ben 10 olarak kalmasını istiyorum.

Bunu nasıl düzeltebilirim ?