Vue在同一页面中两次插入组件会显示相同的内容

Question

我在同一页上插入了一个卡片组件（ tshirt ），我想显示不同的内容，但是它会更新第一个与第二个内容相同的内容。

<div>
   <tshirt:key="user_h" :tshirt="{svg:svgH}"></tshirt>
   <tshirt:key="user_a" :tshirt="{svg:svgA}"></tshirt>
</div>

然后进入方法：

 // step 1
teamRepository.getTshirt(1,1,false).then(r=>{
   this.svgH= r.data.svg;
   console.log(this.svgH)
 });

// step 2
teamRepository.getTshirt(2,2,false).then(r=>{
    this.svgA= r.data.svg;
    console.log(this.svgA)
 });

Axios getTshirt返回API内容：我在控制台日志中注意到最后一个承诺在第一个（？）之前返回

在运行时，我有svgH = H（在步骤2）svgA = A和svH = svgA = A！为什么？