What are some examples of async data fetching in Vue?

What are some examples of async data fetching in Vue?

In Vue, you can fetch data asynchronously using the mounted lifecycle hook or the asyncData method in Nuxt.js. Would you like to see a specific example?

Yes, please show me an example using the mounted hook.

Sure! Here's a simple example:

export default {
  data() {
    return {
      users: []
    };
  },
  async mounted() {
    const response = await fetch('https://jsonplaceholder.typicode.com/users');
    this.users = await response.json();
  }
};

This fetches user data when the component is mounted.

What about using asyncData in Nuxt.js?

In Nuxt.js, you can use asyncData like this:

export default {
  async asyncData() {
    const response = await fetch('https://jsonplaceholder.typicode.com/users');
    return { users: await response.json() };
  }
};

This method runs before the component is created, allowing you to fetch data server-side.