Vue，镜像元素

Question

有两个团队，每个团队都有一个徽标和名称，对于第一个团队，我们会显示徽标，然后是名称，第二个是名称，然后是徽标。我想将徽标和名称放在组件中，并按照以下方式处理这种情况：

<div class="team_container">
    <template v-if="isTeam1Flag">
        <img :src="teamLogoSrc" alt="Logo Team 1">
        <span >Team 1</span>
    </template>
    <template v-else>
        <span >Team 1</span>
        <img :src="teamLogoSrc" alt="Logo Team 1">
    </template>
</div>

你能告诉我这个任务是否有更好的解决方案吗？在每个分支代码中，实际上是相同的逻辑，区别仅在于元素的顺序。