What are Vuex mutations in Vue.js?

What are Vuex mutations in Vue.js?

Vuex mutations are functions that directly modify the state in a Vuex store. They are the only way to change the state.

How do I define a mutation in Vuex?

You define a mutation in the mutations object of your Vuex store. Each mutation should be a function that takes state and payload as arguments.

Can you give me an example of a Vuex mutation?

Sure! Here's a simple example:

mutations: {
  increment(state) {
    state.count++;
  },
  setName(state, name) {
    state.name = name;
  }
}

How do I call a mutation from a component?

You can call a mutation using the this.$store.commit('mutationName', payload) method in your component.