В чем разница между мутациями и действиями

Мутации (mutations) и действия (actions) в Vuex используются для изменения состояния хранилища, но есть ключевые различия:

1. Мутации:
   • Синхронные
   • Изменяют состояние напрямую
   • Вызываются через commit()
   javascript

   Копировать

   mutations: {
     increment(state) {
       state.count++
     }
   }
   // Вызов:
   store.commit('increment')

2. Действия:
   • Могут быть асинхронными
   • Не изменяют состояние напрямую, а вызывают мутации
   • Вызываются через dispatch()
   javascript

   Копировать

   actions: {
     incrementAsync({ commit }) {
       setTimeout(() => {
         commit('increment')
       }, 1000)
     }
   }
   // Вызов:
   store.dispatch('incrementAsync')

Мутации должны быть простыми и предсказуемыми, а действия могут содержать сложную логику и асинхронные операции.