Nuxt.jsでの開発にあたって、ページ遷移時にapiを叩いてデータ取得したいときに利用するasyncDataの利用にあたっての注意
users/_id/index.vue
<script>
export default {
async asyncData(context) {
let result = await context.$axios.get(`/users/${context.route.params.id}`)
return { user: result.data }
},
}
</script>
asyncData内ではthisが利用不可であるため引数としてcontextを利用する。
contextに格納されているパラメータについては以下を参照。