title: Is it possible to change Vue.js application's metadata like title based on the view I'm currently on?
body: <p>Right now, the title of my Vue.js application is always the same - the name of the application. I'm trying to achieve having a different title based on the view I'm currently on. For example:</p>
  <p><strong>On this route:</strong></p>
  <pre><code>{
      path: '/',
      name: 'home',
      component: Home
  }
  </code></pre>
  <p>I want the title to be <code>Home</code></p>
  <p><strong>But on this route:</strong></p>
  <pre><code>{
      path: '/product/:id',
      name: 'specificProduct',
      component: SpecificProduct
  }
  </code></pre>
  <p>I want the title to be the name of the product with that <code>ID</code>, which means that first I'd need to make a <code>GET</code> request from inside the component to get the name of the product based on its <code>ID</code> and then set the title page.</p>
  <p>I checked the entire documentation of Vue.js and didn't see a chapter that handles something like that so I'm not sure how to do it myself. I saw some implementation by googling, but they were mostly hard coding the values so they won't work for my second scenario.</p>