Vuex when are mutations and when are actions?

Question

Vue.js

Do I understand correctly that mutations are only for changing the state, and there should not be any logic. And in actions, all the logic that can be, including calls to the backend.

Or can there be logic in mutations that does not apply to requests to the server, and actions need to be used only when there is a request to the backend?

Answer 1

In general, it is understood as follows: if you have any asynchronous requests, then there should be a bunch - action - mutation. If you just have a state update, then use a mutation. There is also a small note: even if you do not have asynchronous operations, but you need to perform 2 or more mutations, it is better to do this in an action.