title: Hide vue router from a page
body: <p>Is it possible to hide the vue-router from my login page? If so, how would I do that? On every page I have I see the menu, but on the Login page I don't want to see it.</p>
  
  <p>Here is my code: </p>
  
  <p>Login</p>
  
  <pre><code> &lt;template&gt;
   &lt;div&gt;
       &lt;h1&gt;Login&lt;/h1&gt;
          &lt;form action=""&gt;
              &lt;label&gt;naam&lt;/label&gt;
              &lt;input type="text"&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  &lt;/script&gt;
  
  
  &lt;style scoped&gt;
      h1 {
          background-color: chartreuse;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>App.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;div class="routing"&gt;
  
      &lt;/div&gt;
      &lt;router-link to="/"&gt;Login&lt;/router-link&gt;
      &lt;router-link to="/home"&gt;Home&lt;/router-link&gt;
      &lt;router-view v-if="$route = 'login'"&gt;&lt;/router-view&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data () {
      return {
  
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Main.js</p>
  
  <pre><code>    import Vue from 'vue'
      import VueRouter from 'vue-router'
      import App from './App.vue'
      import Login from './Login.vue'
      import Home from './Home.vue'
  
      Vue.use(VueRouter);
  
      const routes = [
          { path: '/', component: Login},
          { path: '/home', component: Home},
      ];
  
      const router = new VueRouter({
        routes,
          mode: 'history'
      });
  
      new Vue({
        el: '#app',
          router,
        render: h =&gt; h(App)
      });
  </code></pre>
  
  <p>Home.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h1&gt;Home&lt;/h1&gt;
          &lt;hr&gt;
          &lt;router-view&gt;&lt;/router-view&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  &lt;/script&gt;
  
  
  &lt;style scoped&gt;
  h1 {
      background-color: aquamarine;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/elIga.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/elIga.png" alt="enter image description here"></a></p>