Data Fetching In Vue And Nuxt DejaVue podcast

1y ago 46:02

Fetch error

Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on July 10, 2025 12:04 (5M ago)

What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.

内容由Alexander Lichter and Michael Thiessen提供。所有播客内容（包括剧集、图形和播客描述）均由 Alexander Lichter and Michael Thiessen 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品，您可以按照此处概述的流程进行操作https://zh.player.fm/legal。

Data fetching is a crucial part of any web application. In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it.

We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application.

In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable. Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:50) - Which topics should be covered next?
(01:56) - This episodes topic - Data Fetching
(04:13) - Two ways of client-side caching
(06:17) - What is Data Fetching actually - and which library to use?
(08:19) - Suspense in Vue.js
(14:03) - Third Party Scripts
(17:38) - Data fetching basics in Nuxt.js
(20:28) - $fetch vs useFetch
(23:27) - $fetch request deduplication on the server
(24:43) - Caching in Nuxt.js
(28:18) - routeRules of server-side caching
(29:38) - defineCachedEventHandler / defineCachedFunction
(32:19) - Unstorage for storing the cached files
(35:41) - useNuxtData
(40:26) - Why does Nuxt offer more data fetching options?
(45:32) - Wrapping up

Links and Resources

LAST CHANCE 15% discount for the VueConf Toronto* with code DEJAVUE

Your Hosts

Alexander Lichter

Michael Thiessen

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

62集单集