How can I fetch data in a Nuxt.js application?

How can I fetch data in a Nuxt.js application?

In Nuxt.js, you can fetch data using the asyncData or fetch methods in your page components.

What's the difference between asyncData and fetch?

asyncData is called before loading the component, while fetch is called after the component is created.

Can you show me a code example?

Sure! Here's a simple example using asyncData:

export default {
  async asyncData({ $axios }) {
    const data = await $axios.$get('https://api.example.com/data');
    return { data };
  }
}

What if I want to fetch data on the client side?

You can use the fetch method in your component to fetch data on the client side after the component is mounted.