Vue.js 2 Web Development Projects

Mutations update the state

As we consider the state as read-only, the only way to modify it is through mutations. A mutation is a synchronous function that takes the state as the first argument and an optional payload argument, and then updates the state. It means you are not allowed to do asynchronous operations (like a request to the server) in a mutation:

1. Let's add our first mutation, of type 'user', which will update the user in the state:

      const store = new Vuex.Store({        state () { /* ... */ },        mutations: {          user: (state, user) => {            state.user = user          },        },      })

Mutations are very similar to events--they have a type (here it's 'user') and a handler function.

The word used to indicate that we are calling a mutation is commit. We can't directly ...