title: How to manage page titles dynamically in Vuejs?
body: <p>I build an application. I have a header with the title of my page. Currently, I use view-router to define my titles.</p>
  
  <pre><code>{
      path: '/events',
      name: 'events',
      component: Events,
      meta: {
          title: 'Liste des événements'
      }
  }
  </code></pre>
  
  <p>And in my blade view, in my header.blade.php I'm doing this to display the title</p>
  
  <pre><code> &lt;h2 class="header__title title-header"&gt;
      @{{ $route.meta.title }}
   &lt;/h2&gt;
  </code></pre>
  
  <p>It work BUT when I have a dynamic data, necessarily, it does not work. For example, when I post a post, how can I do to earn my title?</p>
  
  <pre><code>    {
      path: '/events/:id',
      component: Event,
      name: 'Event',
      meta: {
          title: 'my dynamic title',
          page: 'event',
      },
  </code></pre>
  
  <p>How to recover the title of the post page? I have the name of the post in my post, but I can not access it from my header ...</p>
  
  <p><a href="https://i.stack.imgur.com/Cw3sZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Cw3sZ.png" alt="enter image description here"></a></p>
  
  <p>I do not have access to the other components. These are components coming from element-ui.</p>
  
  <p>Thank you in advance</p>