title: VueJS / Vue Router - create details page from list item?
body: <p>I have a list of items (taken from a JSON file) which I currently loop through, however I wish to create a details page for each of these items (incorporating VueRouter).</p>
  
  <p>Any pointers on how to achieve this? I'm currently stuck on passing the data to the details page template.</p>
  
  <p>Thanks</p>
  
  <pre><code>    &lt;ul&gt;
      &lt;li v-for="projects in projects.projects"&gt;
      {{ projects.name }}
      &lt;router-link :to="profileLink" class="button is-outlined"&gt;View Details&lt;/router-link&gt;
      {{ projects.coding }}
      { projects.design }}
      {{ projects.description }}
      &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>