Игорь Стасюк

https://ru.vuejs.org/v2/guide/events.html

LehaRybkoha Ну для начала , стрёмная конструкция
href="/financeProducts.html"

Я бы предложил так

<nav class="nav">
  <ul class="nav__list">
    <li class="nav__item" v-for="item in items":key="`${item.id}-navlink`">
      <router-link :to="item.link" class="nav__item-link">{{ item.navOption }}</router-link>
    </li>
  </ul>
  <div class="logo">
    <router-link to="/" class="logo-link">
      <img src="/img/logo.png" alt="Logotip" class="logo-link-pic">
    </router-link>
  </div>
</nav>

И почитайте наконец-то документацию https://router.vuejs.org/ru/api/#router-link
Вы все таки делаете SPA, а не стандартный сайт

https://switch-case.ru/69489558

Gimir Ну во первых надо понимать бизнес логику приложения, прежде чем его "разбирать". Я бы посоветовал начать с какого-то одного компонента, где интересно поврубать console.log и посмотреть где что выводит или обрабатывается. Если не понятно что-то смело обращайтесь к документации vue , там все понятно и доступно. Одновременно обратить внимание на кастомные компоненты, которые используются (package.json) в конкретном компоненте. По гуглить про него, что делает и как отображает и обрабатывает данные. Потом уже разбирать асинхронные запросы и vuex копать. Это сугубо мое мнение

ixotep Старайтесь не использовать :value (v-bind:value) + v-model. Вместо этого используйте getter + setter в computed свойстве. Или вообще просто присвойте значение value по умолчанию без bind

почитайте про навигационные хуки https://router.vuejs.org/ru/guide/advanced/navigat...

Разница в дев и прод билдах. Если используешь флексбоксы, посмотри ставятся ли префиксы правильно и есть ли вообще эти стили в инспекторе. Мало ли где допустил ошибку, или не импортнулись