Текст отображается с {...}

Question

У меня есть этот код интерфейса:

<div class="match-winning">
    <h6>Until This Match</h6>
    <p class="match-loss-win" v-for="(row, i) in player_1.history" :key="i">
        <span :class="row.result == 'L' ? 'loss': 'win'">@{{row.result}}</span> @{{row.opponent}}
    </p>
</div>                             

Текст отображается следующим образом.