# Understanding how fetch works in Nuxt 2.12

DevFeed: [Understanding how fetch works in Nuxt 2.12](<https://devfeed.tech/articles/understanding-how-fetch-works-in-nuxt-2-12-3421.md>)

Original publisher: [Read original article](<https://nuxt.com/blog/understanding-how-fetch-works-in-nuxt-2-12>)

Published: 2020-04-06T00:00:00Z

Content type: tutorial

Language: en

Sources: [The Nuxt Blog](<https://devfeed.tech/sources/the-nuxt-blog.md>)

Topics: [Nuxt.js](<https://devfeed.tech/topics/nuxt.md>), [data](<https://devfeed.tech/topics/data.md>), [Vue.js](<https://devfeed.tech/topics/vue.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [data](<https://devfeed.tech/tags/data.md>), [latest-release](<https://devfeed.tech/tags/latest-release.md>), [nuxt](<https://devfeed.tech/tags/nuxt.md>), [release](<https://devfeed.tech/tags/release.md>), [vue](<https://devfeed.tech/tags/vue.md>)

## AI overview

This tutorial explains how the fetch hook in Nuxt 2.12 brings data into applications. It covers lifecycle timing, server-side and client-side execution, direct mutation of component data, use in layouts and child components, API calls, Vuex interaction, and hook ordering.

## Source excerpt

Explore different features of the fetch hook and learn a brand new way to bring data into Nuxt applications.