async asyncData({ params, $microcms }) {
const data = await $microcms.get({
endpoint: "blog",
contentId: params.slug,
});
return data
},
としていたところを、
async asyncData({ params, $microcms }) {
const data = await $microcms.get({
endpoint: "blog", //これは自分で勝手に決めているやつ
contentId: params.slug,
});
return { //title,categoryなどは、microCMS側で決めたAPIスキーマ
title: data.title,
category: data.category,
publishedAt: data.publishedAt,
blogtext: data.blogtext,
image: data.image,
}
},
と変えて細かく戻り値を返すように指示してみた。
色んなパラメータへのアクセス方法があるんだなと。
シンプルなreturn dataで全部受け取れるのは便利だけど、
理解するには遠回りな気がするなぁ。
asyncDataやらpromiseやら色々と難しいけど、その辺も理解していきたい。
【Nuxt.js】asyncData returnの受け取り方について
2/17/2022 7:07:11 AM
カテゴリ:開発