How do I handle asynchronous actions in Vuex?

How do I handle asynchronous actions in Vuex?

In Vuex, you can handle asynchronous actions using the actions property. You can define an action that returns a promise.

Can you give me an example of an asynchronous action?

Sure! Here's a simple example:

actions: {
  fetchData({ commit }) {
    return new Promise((resolve) => {
      setTimeout(() => {
        commit('SET_DATA', data);
        resolve();
      }, 1000);
    });
  }
}

What about error handling in asynchronous actions?

You can handle errors by using try-catch blocks within your async actions. This way, you can commit an error mutation if something goes wrong.

Thanks! How do I call this action from a component?

You can call the action using this.$store.dispatch('fetchData') in your component's methods.