title: How to hide global component (e.g navbar) on some routes?
body: <p>So the vast majority of views on my vuejs SPA have a navbar component at the top. However, some select views such as the login should not display this.  </p>
  
  <p>My workaround was to import the navbar and add to each view individually if it was needed, but now I can see it causes a weird flickering when going from one view to another - presumably because the navbar component is being removed, and immediately re-added. This seems wrong. </p>
  
  <p>I assume there's some way to add the navbar component in App.vue but conditionally hide it on some routes with vue-router? What's the best practice for this?</p>