I'm working on a Vue2 app.

It consists of a base template (App.vue) that looks like this:

<template>
  <v-app>
    <div id="app">
      <NavigationBar></NavigationBar>
      ...
    </div>
  </v-app>
</template>

And various components (i.e., Home.vue, Login.vue, Navigation.vue etc...)

Being part of the main template, the NavigationBar is displayed in each component.

I would love to remove the NavigationBar only in the Login.vue component.

What could be the best way to achieve this?

Thanks