Vue Router 특정 Component만 비활성화

<GoHome v-if="$route.name !== 'home'"></GoHome>

라우터 이름이 home인 라우트만 제외하고 GoHome Component가 나타남
(라우터 이름이 home인 경우는 아래 컴포넌트 부분이 생략됨)

v-if="$route.name !== '특정라우터이름'"

예시)

<template>
  <div class="container">
    <div class="screen-container">
      <div class="background"></div>
      <GoHome v-if="$route.name !== 'home'"></GoHome>
      <router-view></router-view>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Footer from "./FooterComponent.vue";
import GoHome from "./GoHomeComponent.vue";
console.log("Footer :", Footer);
export default {
  components: {
    Footer,
    GoHome
  }
};
</script>

<style>
@import "./App.css";
</style>