Как структурировать модули Vuex в проекте VueJS? - PullRequest
Новая
       7

Как структурировать модули Vuex в проекте VueJS?

0 голосов
/ 25 мая 2018

Я установил Vuex в проекте VueJS, и теперь я хочу иметь следующую структуру: иметь глобальное «состояние» (наряду с «получателями», «действиями» и «мутациями») и иметь несколько других «модулей»", где каждый модуль будет иметь свои собственные" состояние "," геттеры "," действия "и" мутации ".Поэтому я не уверен, как должна выглядеть структура.Является ли это хорошим подходом для этой цели:

enter image description here

, где в сценариях для "действий", "получателей" и "мутаций" я просто экспортируюфункции и вот содержимое других файлов:

root / store / modules / exampleModule / store.js : 

import * as actions from './actions';
import * as getters from './getters';
import * as mutations from './mutations';

const state = {

}

export default {        
    state,
    getters,
    actions,
    mutations
}

root /store / store.js: 

import * as actions from './actions';
import * as getters from './getters';
import * as mutations from './mutations';

// initial state
const state = {

}

export default {        
    state,
    getters,
    actions,
    mutations
}

root / store / index.js: 

import Vue from 'vue';
import Vuex from 'vuex';
import exampleModule from './modules/exampleModule/store.js';
import globalStore from './store';

Vue.use(Vuex);
const debug = process.env.NODE_ENV !== 'production';

export default new Vuex.Store({
  globalStore,
  modules: {
    exampleModule
  },
  strict: debug
})
...