How to add class to active taboo?

Question

Vue.js

Good afternoon. There are tabs:

<template>
  <section class="navbar">
    <div class="tabs">
        <div class="tab" @click="$router.push('/')">
          <span>Мой профиль</span>
        </div>
        <div class="tab" @click="$router.push('/stat')">
          <span>Статистика</span>
        </div>
        <div class="tab" @click="$router.push('/diary')">
          <span>Дневник</span>
        </div>
    </div>
  </section>
</template>

I would like to assign a class to an active taboo. Tell me how this can be implemented? Use :class?

Answer 1

<div class="tab" @click="$router.push('/')">

Replace this nonsense with router-link. There , the addition of the class has already been implemented , it remains only to prescribe the styles for it.