на странице селектор с выбором марок и ниже список с моделями данной марки.
Марки все имеются в наличии сразу, а вот модели автомобилей подтягиваются асинхронно, при выборе марки. При этом, пока они тянуться для нововыбранной марки, список моделей должен оставаться видимым для предыдущей активной марки.
Стоит ли хранить все забранные модели именно во Vuex, или лучше где-то в отдельном а-ля сторадже.
Почему смущает хранить во Vuex? Потому что самим по себе спискам моделей не нужна реактивность, которой обвешивает Vuex всю $data. Именно с представлением по сути будут связана только текущая выбранная марка и текущий список моделей. Остальное по сути статика
const brands = ['toyota', 'bmw', 'ferrari'];
state: {
activeBrand: 'toyota',
activeModels: []
},
actions: {
getModels (state, brand) {
api.getModels(brand).then(models => {
// вот тут получая каждый раз список моделей,
// стоит ли сохранять их непосредственно во Vuex,
// либо лучше использовать некий статичный объект?
this.commit('setActiveModels', models);
});
}
}
а ты случаем не для coparta пилишь чего?
Обсуждают сегодня