У меня есть несколько экранов 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'
}
})
Модули не работают здесь , потому что мне нужно знать на каждом экране, чтобыо каком модуле я говорю, не делая это лучше, чем огромный глобальный объект.