Как использовать смешивание или подкласс vuex store? - PullRequest
0 голосов
/ 05 июня 2018

У меня есть несколько экранов CRUD, которые я мог бы легко использовать в их логике.

У меня есть, например:

ListScreen
|_ CustomerListScreen
|_ ProductListScreen

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

Я хочу:

const baseStore = new Vuex.Store({
  state: {
    searching:false,
    data: [],
    listUrl: '/sample'
  },
  actions:{
    search(context, term){
      console.log('SEARCH: ', term);

      context.commit('searching', true);
      context.commit('clear');
      context.searching = true;

      GET(this.listUrl)
      .then(res=>res.json())
      .then(res => {
        console.log('RESULT: ', res);

        context.commit('list', res);
        context.commit('searching', false);
      });
    }
  }
})

const customerStore = new Vuex.Store({
  state: {
    listUrl: '/customer'
  }
})

const productStore = new Vuex.Store({
  state: {
    listUrl: '/product'
  }
})

Модули не работают здесь , потому что мне нужно знать на каждом экране, чтобыо каком модуле я говорю, не делая это лучше, чем огромный глобальный объект.

...