Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps
Plans from $25/month

This lesson is for members. Join us?

Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!

Fetch data with useAsyncData

In this lesson, we call the useAsyncData function to limit the request to OMDB only to the server side on initial page load.

Note: In the video I missed awaiting useAsyncData like this:

const { data } = await useAsyncData(() => {
  return $fetch(`http://www.omdbapi.com/?apikey=8e3f600b&i=${route.params.id}`);
});

Links