Как правильно архитектурно определять нужен запрос или нет и после запроса обновлять разные данные в зависимости от места вызова?

Question

[Кирилл]

У меня есть форма внутри модалки заполняющаяся данными, которые приходят с сервера. Открыть эту модалку можно из 2 мест. В одном месте данные для отображения модалки всегда есть, так как запрашиваются для других целей изначально при открытии страницы. Во втором месте данные могут быть, а могут не быть.
Сейчас во vuex я сделал проверку через if есть ли данные нужные данные в стейте или нет. Если нет, то запрашиваю их, примерно так:

actions: {
openModalwithForm({commit, state, dispatch}) {
            commit('modalFormVisible', true);
            if (state.formData) dispatch('getFormData);
        },
}

Но мне вообще не нравится что использую ифы. Как можно сделать лучше/чище?
И второй вопрос. В зависимости от места вызова этой модалки с формой, мне нужно обновлять разные данные на странице, а делать лишние запросы каждый раз получая все данные кажется не лучшей идеей. Как тут тоже можно разрулить?

Comments

[VegasChickiChicki]

Почему dispatch есть, а коммита пришедших данных нет?
Данные можно получать в самой форме, путем установки туда этого if. Просто перед ее открытием проверяйте наличие данных. По поводу данных на странице, у вас эти данные разложены по компонентам? Если да, то просто на хук created проверяйте наличие данных и если их нет - загружайте.

[Кирилл]

VegasChickiChicki, там пришедших данных нет, это добавление пользователя в группу. Данные, которые на странице - они есть всегда. Просто в одном случае модалка открывается на странице А, и нужно после отосланной формы обновить данные, чтобы у пользователся отображалась новая группа. А во втором случае модалка открывается на странице инфы о пользователе, и там нужно другую ручку дергать для обновления данных. Причем вероятно могут появится еще места, где я буду эту модалку вызывать. Хочется как-то из места вызова модалки определять, какие ручки я потом хочу дернуть, чтобы обновить только то что нужно. В голову приходит что-то типо промиса который создается во время вызова модалки, резолвится как только форма отправилась и дальше через then в месте вызова модалки я дергаю нужные ручки. Но как такой промис сделать между компонентами, которые причем общаются только по vuex для меня загадка.