Nuxt 3 Lessons - Data Fetching - useFetch - useAsyncData - $fetch - Episode 5
Although the focus of this video is on data fetching, I also tried to convey many things about other related topics and titles surrounding the subject. I had to cut some parts to keep the video concise, but we will cover those in upcoming videos (like observing the Payload through Nuxt Dev Tools, generating a key from the URL when no key is provided, etc.) :) I hope you find it useful.
00:00 Introduction
01:55 We start with data fetching using useFetch
03:32 We make our request with $fetch and see what happens
04:24 We make a request with useAsyncData and observe its behavior
07:54 We create an endpoint named hello on the server side for our examples
08:44 Showing the loading indicator during page transitions - NuxtLoadingIndicator
10:13 We look into the topic of Lazy Loading
11:55 We explore the cache mechanism with useNuxtData, learning about clearNuxtData and refreshNuxtData functions.
13:18 We learn about the refresh function of useFetch
13:45 We modify the data we receive with the transform function.
14:59 We examine how to send a new request based on changes in reactive objects with Watch.
15:25 We learn how to send requests based on changing parameters with Computed URL.
Don't forget to subscribe to my channel: / @apostylee
You can also reach me through these channels;
/ apostylee
/ apostylee