Vuex

Global Store

Глобальное хранилище и обработчик для всего проекта. Не нужно делать пробросы из родителя в потомок и обратно.

Добавление к проекту: vue add vuex из папки проекта.

После добавления меняет файлы.

Рекомендуется выполнять либо при создании проекта, либо делать бэкап App.vue

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    currentState: null,
  },
  getters{
    CURRENT_STATE(state) {
      return state.currentState;
    },
  },
  mutations: {
    SET_STATE(state, data) {
      state.currentState= data;
    },
  },
  actions: {
    ACTION_STATE(ctx, data){
    this.commit('SET_STATE', data)
    },
  },
  modules: {}
})