title: Change navigation component depending on what page user is on
body: <p>I am using transparent navigation bar in vue app. The aim is to have different color links depending on what page a user is on. I am using <code>vue-router</code> and a separate navbar(navigation) component.</p>
  
  <p>I have different background color for different pages, for example the home page has a dark grey background whereas the contact page has white background, and navbar is fixed top, so I want to have a dark colored navbar links when the background of the page is light and vice-versa.</p>
  
  <p>This is how components are used on home page and contact page</p>
  
  <pre><code>Home
   -navbar
   -hero
   -content
   -footer
  
  Contact
   -navbar
   -contact form
   -footer
  </code></pre>
  
  <p>So, is there a way to tell navbar to have different link color when on contact page vs home page?</p>