在Vue.js中，可以使用mutations來更改狀態。mutations本質上是用于修改狀態的函數，必須是同步函數。mutations可以接收兩個參數，第一個是state對象，第二個是payload載荷。

const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state, payload) {
state.count += payload.amount
}
}
})

調用mutations的方法是在組件中分發(dispatch)mutations并傳入載荷(payload)。使用$store.commit方法分發mutations。

store.commit('increment', {
amount: 10
})

在mutations中可以使用ES6語法來簡化代碼。

mutations: {
increment: state =>state.count++,
decrement: state =>state.count--,
reset: state =>state.count = 0
}

mutations可以配置選項，例如，如果需要調試應用程序，則可以在mutations配置選項中配置mutation的特殊行為，以便在每次mutations執行時打印出來。

const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++
}
},
strict: process.env.NODE_ENV !== 'production'
})

在開發模式下，Vuex會記錄每次mutation的操作，如果試圖以異步方式修改state，將會收到錯誤信息。 在生產模式下，這種記錄不會被執行。