nuxt-ssr-exercise-3_id.vue

asyncData-blog-_id.vue

<template>
  <div>
    <h1> {{ post.title }} </h1>
    <div> {{ post.body }} </div>
    <nuxt-link to="/asyncData-blog">back to list</nuxt-link>
  </div>
</template>
<script>
export default {
  asyncData: ({ $http, params }) => $http
      .$get(`https://jsonplaceholder.typicode.com/posts/${params.id}`)
      .then(post => ({ post }))
};
</script>