Mutations provide a synchronous method of mutating state. They have one job and one job only: mutate the state and return it.


Presuming you're following-on from the getting started guide, We'll add a new mutation like so:

const mutations = {
    setTitle(state, payload) {
        state.title = payload;
        return state;

The setTitle method has two parameters:

  • state is the current version of your store's state before this mutation
  • payload is the data that was passed in by your action

Mutations like this should be as simple as possible and only mutate the state. Anything more complex should be done at an action level.


The commit method is part of the Beedle object and runs mutations for you. See the actions guide for an example of this in action.