Заменить объект в элементе, используя vue js или jquery

Question

У меня есть компонент, в котором я перебираю массив объектов, используя v-for

<div v-for="item in goods" class="ui fluid card" :key="item.id" :id="item.id">
      <div v-for="badge in item.badges" :key="badge.id" class="ui labels">
        <a
          class="ui label"
          :style="{ backgroundColor: '#'+ badge.color, color: '#fff'}"
        >{{badge.label}}</a>
      </div>
       <button @click="replacement(item) "class="circular ui icon yellow button replacement">
          <div>
            <span style="font-size:25px">
              <strong v-if="item.related_goods!=null">{{item.related_goods.length}}</strong>
              <strong v-else>0</strong>
            </span>
            <span style="padding:1px">
              <small style="font-size:12px;">Replacement</small>
            </span>
          </div>
        </button>
        <button @click="complement(item) class="circular ui icon red button complementary">
          <div>
            <span style="font-size:25px">
              <strong v-if="item.alternative_goods!=null">{{item.alternative_goods.length}}</strong>
              <strong v-else>0</strong>
            </span>
            <span>
              <small style="font-size:12px">Complement</small>
            </span>
          </div>
        </button>

Я перебираю товары, чтобы получить отдельные элементы в одном и том же элементе. У меня есть 2 кнопки замены и дополнения после нажатия кнопки i.Я получаю объект item как есть. Но я хочу заменить объект item или передать новое значение item.Я получил дополнительный и заменяющий объект в методе.Как я могу заменить объект item, используя vue или даже используя jquery в качестве крайней меры (я только разместил здесь короткий div, так как объект item имеет много полей)

Пожалуйста, дайте мне знать любое решение, я новичок в vue.js,Дайте мне знать, если вам нужна дополнительная информация