Как включить один компонент и исключить другой по ссылке в Nuxt.js

Question

Например:

Если в файле component1.vue включен component2:

<template>
  <div>
    <app-component2 />
  </div>
</template>

В component2.vue включен компонент3:

<template>
  <div>
    <app-component3 />
  </div>
</template>

А в компоненте 3 есть ссылка:

<template>
  <div>
    <nuxt-link to="">Abc</nuxt-link>
  </div>
</template>

Как включить component4 вместо component2 в component1 после нажатия на ссылку Abc?