What are some examples of data fetching in Nuxt?

What are some examples of data fetching in Nuxt?

In Nuxt.js, you can fetch data using the asyncData and fetch methods. Would you like to see examples of both?

Yes, please provide an example using asyncData.

Sure! In a page component, you can define an asyncData method like this:

export default {
  async asyncData({ params }) {
    const response = await fetch(`https://api.example.com/data/${params.id}`);
    const data = await response.json();
    return { data };
  }
};

What about using the fetch method?

The fetch method is similar but runs after the component is created. Here's an example:

export default {
  data() {
    return { data: null };
  },
  async fetch() {
    const response = await fetch('https://api.example.com/data');
    this.data = await response.json();
  }
};