What’s New in Nuxt 4: Key Updates for Nuxt.js Developers
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!

Singleton Data Fetching Layer

In this lesson, learn how the singleton data layer changes impact Nuxt 4. Data fetchers with shared keys share the SAME reactive ref for data, status, and error states. getCachedData now fires whenever data is fetched but receives relevant context saying HOW the fetch was triggered allowing for more control over your caching strategies. Keys for useAsyncData and useFetch now support reactive values like refs, getters, or computed props.