How to enable one component and disable another after clicking on a link in Nuxt.js?

Question

Vue.js

If component2 is included in component1:

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

In component2, component3 is connected:

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

And in component3 link:

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

How, when clicking on the "Abc" link, turn on some component4 instead of component2 in component1?