Как сделать ссылку?

Now159, печально. Тогда ничего более путёвого, пока, предложить не могу. Удачи в решении.

Как сделать ссылку?

Now159, попробуем так:

<div class='product' style="z-index: 1;" @click='$router.push(`/offer/${product.slug}`)' @mouseover='checked = true'
       @mouseleave='checked = false'>
    <div class='product__wrapper-img'>
      <img class='product__wrapper-img-src' :src='product.src' alt=''>
      <div @click='product.isFavorite = !product.isFavorite' class='product__wrapper-img-favorite' style="z-index: 2">
        <img :src='product.isFavorite ? "/icoNew/star-active.png" :"/icoNew/star.png"'>
      </div>
      <div v-if='product.allPrice !== null' class='product__wrapper-img-sale'>
        <img src='/icoNew/sale.png' alt=''>
      </div>
    </div>
  </div>

Но опять же, пока не потыкаю сам, могу ошибаться :(

Как сделать ссылку?

Now159, принял. Но без видимости кода и макета проекта могу лишь посоветовать поиграться с z-index у каждого элемента. Если подгрузите проект в CodePen, то возможно, смогу чуть более точно помочь.

Как вызвать данные в функцию?

Про ref ещё почитаю и ознакомлюсь. Большое спасибо за ответ и верно подмеченный нюанс.

Как сделать стрелку двух линий с помощью css?

Нужна просто визуальная стрелочка или функциональное дроп-меню?

Как разместить все строчные элементы таблицы равномерно по ширине блока?

Antowa Kartowa, порывшись обнаружил, что моя ошибка оказалась чуть более глубоко, чем я её искал. Всего лишь в элементе таблицы нужно было также задать ширину 90%). Большое спасибо за помощь!

Как разместить все строчные элементы таблицы равномерно по ширине блока?

Все недовольства принял во внимание :) С элементами верно разобрались, но проверив Ваш совет, к сожалению, элементы не изменили своего размещения :/