У JS есть апи для выполнения запросов. Тут вы можете указать метод, какие данные нужно передать и как обработать ответ от сервера. Что, как вы написали вам не подходит.
У JS так же есть апи для выполнения переходов по адресу. Но, любой переход — это всегда GET запрос. Что вам тоже не подходит.
У JS нет такого волшебной функции чтобы выполнить переход куда-то и указать метод обращения и какие данные должны быть переданы в теле обращения.
Поэтому — форма единственный вариант. Другое дело, что вы не можете придумать как в этой форме отправлять свой объект.
Что-либо в портфолио предназначено для того, чтобы продемонстрировать работодателю или кому-либо ваши навыки в чем либо. Следовательно: определитесь с тем, какие навыки вы хотите продемонстрировать. И от этого отталкивайтесь.
Скорее всего у вас или плагин стоит или сервер так настроен чтобы отдавать кэшированную версию. Сам по себе ВП так не работает. Ищите проблему в другом месте.
Что вам нужно так это добавить проверку: <div class="buy-card" v-if="bestItem">
А ошибка возникает по той причине, что все вычисления реактивных свойств, а следовательно страниц и шаблонов происходят снизу вверх, от самых вложенных компонентов до самых верхних. Но я могу ошибаться