Что такое Vuex — это паттерн управления состоянием приложения и одновременно библиотека для Vue.js.
Vuex служит централизованным хранилищем данных для всех компонентов приложения с правилами, гарантирующими, что состояние может быть изменено только предсказуемым образом.
Зачем нужен vuex?
Данная библиотека позволяет вынести слой логики работы вашего приложения в другую абстрактную оболочку.
Во вью присeтствует обычный механизм, который позволяет передавать от родителя к ребенку какие-то пропсы (props).
С помощью директивы v-bind передаем какие-то значения. Безусловно у данного подхода есть определенные проблемы. Когда у нас есть цепочка из
множества вложенных компонентов, и например, мы хотим передавать от первого компонента к четвертому, то нам нужно через каждого ребенка передавать эти данные, что не удобно!
В третьей версии vue js появились provide и inject, они позволяют в обход внутренних компонентов передавать данные между приложениями. Вьикс как раз и решает такую задачу, все кроется в масштабируемости проекта, если проект маленький, то нет смысла подключать библиотеку vuex.
Работа с Store
State зачастую это объект в js. Подключаем файл store.jsв корне папки исходника /src/