Что такое Vuex

Vuex — это библиотека управления состоянием для Vue.js, работающая по принципу Flux/Redux. Она предоставляет централизованное хранилище (store) для данных, доступных во всех компонентах приложения, с предсказуемыми правилами их изменения.

Ключевые концепции:

• State — единый источник данных (объект).
• Getters — вычисляемые свойства для доступа к state.
• Mutations — синхронные изменения state (через commit).
• Actions — асинхронные операции, вызывающие mutations (через dispatch).

const store = new Vuex.Store({
  state: { count: 0 },
  mutations: {
    increment(state) { state.count++ }
  },
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => commit('increment'), 1000)
    }
  },
  getters: {
    doubleCount: state => state.count * 2
  }
})

Использование в компоненте:

this.$store.commit('increment') // вызов mutation
this.$store.dispatch('incrementAsync') // вызов action
this.$store.getters.doubleCount // доступ к getter

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