【Nuxt.js】asyncData returnの受け取り方について

2/17/2022 7:07:11 AM

カテゴリ:開発


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やら色々と難しいけど、その辺も理解していきたい。