Vuex Store, Как получить доступ к state модуля из другого модуля?

Question

У меня есть несколько vuex модулей, из которых нужно получить доступ к данным в определенном компоненте Vuex. В документации Vuex я видел пример с использованием rootState, но не смог повторить такое. Как можно реализовать что-то подобное? Меня устроит как вариант с обьявлением данных в родительском компоненте, так и в дочернем. Как пример :

const store = new Vuex.Store({
    state: {
         SharedData : []
}
modules : {ModuleA,ModuleB};

ModuleA

mutations : {
    changeSharedData(state,newData) {
           SharedData = newData;
    }
}

ModuleB

 mutations : {
        getSharedData(state) {
              state.someLocalData = SharedData;
    }
}

Answer 1

Module A:

const moduleA = {
    namespaced: true,
    mutations : {
        changeStr(state, newData) {
          state.str = newData
          console.log(state.str)
        }
    }
}

Root store:

const store = new Vuex.Store({
    state: {
        str: ''
    }, 
    modules: {
        a: moduleA
    }
})

From component:

this.$store.commit('a/changeStr', 'change store from module')

БЛОГ НА HUSL

Vuex Store, Как получить доступ к state модуля из другого модуля?

Ответы (1 шт):