Что такое Vuix

Vuex — это библиотека управления состоянием (state management) для Vue.js. Она служит централизованным хранилищем данных для всех компонентов приложения, обеспечивая предсказуемость изменений через строгие правила.

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

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

Пример:

const store = new Vuex.Store({
  state: { count: 0 },
  mutations: {
    increment(state) { state.count++ }
  },
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => commit('increment'), 1000)
    }
  }
})
// Использование в компоненте:
this.$store.commit('increment')
this.$store.dispatch('incrementAsync')

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