Что такое VueJS? Каковы основные особенности VueJS? 6

173.Что такое модули в vuex?

Если вы сохраните все состояния нашего приложения в одном большом состоянии, магазин может действительно раздуться. Чтобы решить эту проблему, Vuex позволяет разделить наш магазин на модули. Здесь каждый модуль может содержать собственное состояние, мутации, действия, геттеры и даже вложенные модули.

Давайте рассмотрим пример с несколькими модулями, настроив их в vuex и получив доступ к различным модулям,

const moduleOne = {
state: { ... },
mutations: { ... },
actions: { ... },
getters: { ... }
}

const moduleTwo = {

state: { ... },
mutations: { ... },
actions: { ... },
getters: { ... }
}

const store = new Vuex.Store({

modules: {
one: moduleOne,
two: moduleTwo
}
})

store.state.one // -> `Состояние moduleOne

store.state.two // -> `Состояние moduleTwo

174.Что такое локальное состояние модуля?

Когда вы используете модули, локальное состояние будет доступно для мутаций, геттеров и разные действия.

И мутации, и геттеры получат в качестве первого аргумента локальное состояние модуля.

const moduleOne = {
state: { count: 0 },
mutations: {
increment(state) {
state.count++; //Здесь состояние относится к состоянию локального модуля
},
},

getters: {

average(state) {
return state.count / 2;
},
},
};
В действиях в качестве первого аргумента будет доступно локальное состояние
const moduleOne = {
actions: {
incrementConditional({ state, commit, rootState }) {
if (state.count < rootState.count) {
commit("increment");
}
},
},
};
175.Что такое пространство имен в vuex?

176.Каково поведение пространства имен по умолчанию в vuex?

По умолчанию действия, мутации и геттеры внутри модулей по-прежнему регистрируются в глобальном пространстве имен. Из-за этого несколько модулей реагируют на один и тот же тип мутации / действия.