title: How can I get vue-router data into the parent template?
body: <p>I have 2 route components:</p>
  
  <p>1) A people product list component 2) A product detail component</p>
  
  <p>The list shows the products and then there is a router-link to that product using history in the router definition/scope.</p>
  
  <p>What I am trying to achieve is to get the data from the parent list routes into the child detail product template.</p>
  
  <p>So I am working with vuex as I am storing the data in the store method. Below is the gist example with the setup I have got.</p>
  
  <p><a href="https://gist.github.com/mdunbavan/5cb756ff60e5c5efd4e5cd332dcffc04" rel="nofollow noreferrer">https://gist.github.com/mdunbavan/5cb756ff60e5c5efd4e5cd332dcffc04</a></p>
  
  <p>The <code>PeopleListing</code> component works well and when clicking the router link it goes to the correct url and the data in the vue debug looks okay for vuex as below:</p>
  
  <pre><code>state:Object
  currentProduct:undefined
  products:Array[0]
  route:Object
  from:Object
  fullPath:"/products/copy-of-long-shirt-dress-tudor"
  hash:""
  meta:Object (empty)
  name:"product"
  params:Object
  path:"/products/copy-of-long-shirt-dress-tudor"
  query:Object (empty)
  </code></pre>
  
  <p>What I am trying to do is basically render the data so it shows the router data within the homepage still and not look like it is going to another page which is what it is doing at the moment. The journey I am looking to create is as follows:</p>
  
  <p>1) index page renders the PeopleListing
  2) when clicking the  it opens some animation within that template
  3) the animation then renders the data from that clicked route such as '/products/the-product-title'</p>
  
  <p>On point 3) we have to try and get all data attributes from that object.</p>
  
  <p>Is it possible with the setup that I have got in my gist?</p>
  
  <p>Thanks in advance!!</p>