title: Vue is there a way to pass data from route to component?
body: <p>I am using Vue.js 2.0, and I have this exact same code in 2 differents files, so I decided to build only one component and redirect the 2 routes on it, then I just need to pass the ID to the route, this way my 2 components can display differents resultats.</p>
  
  <p>Note: the only thing that changes is the ID <strong>dsgh151rhj12t1j5j</strong> I would like that each route can send it own ID to my <em>PageContentfulView</em> component</p>
  
  <p>EDIT: I just want to pass data from Route to the component</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div class="container"&gt;
              &lt;hp-row&gt;
                  &lt;hp-column&gt;
                      &lt;component v-for="component in content.column" :data="component" :key="component.id" :is="getComponentIdentifier(component.is)"&gt;&lt;/component&gt;
                  &lt;/hp-column&gt;
              &lt;/hp-row&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import ModularView from '@/views/ModularView'
  
  export default {
      name: 'PageContentfulView',
      mixins: [ModularView],
  
      created () {
          this.fetch('blocks/dsgh151rhj12t1j5j')
      },
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Routes:</p>
  
  <pre><code>    {
          path: '/satisfaction-guarantee',
          name: 'SatisfactionView',
          component: load('PageContentfulView'),
      },
      {
          path: '/about-us',
          name: 'AboutUsView',
          component: load('PageContentfulView'),
      },
  </code></pre>