Vue ルーターのアクティブクラス属性

active-classは vue-router module の router-link コンポーネントの属性で 、router-link ラベルをクリックするとこのスタイルが適用されます。

• タグのみ で 属性router-link を使用する active-class

• <router-link to="/about" active-class="active">about</router-link>

  最後に、選択したリンクのスタイルを設定します。

• a.router-link-exact-active {
    color: plum;
  }
   
  .active {
    font-size: 16px;
    font-weight: bold;
  }

  クリック後、どのようにページを更新しても、他のページにジャンプしない限り、スタイル効果は解除されません。。（それは決して悪いことではありません）