Один компонент с пропсом. И лучше не через v-if, а применяя разные классы к блокам

Добрый день. Подскажите, пожалуйста, каким образом подключать router, vuex, vue, чтобы при сборке использовалась их .min версия. А то через плагин выдает, что у нас подключается esm

Думаю что тут стоит применять другой подход. Сохранять данные не в стор, а в переменную data самого компонента. И соответственно грузить данные через апи.

в смысле передавать данные из одного компонента в другой через emit?

Я так понимаю у вас есть страница, вы загружаете список товаров, потом отображаете их через цикл. В цикле вызываете компонент товара, в который передаёте информацию о нем через пропс

Не вижу смысла все постоянно кэшировать в vuex.. или я что то не понимаю)

Не используешь vue/cli?

испольузю

Но при билде все равно используются файлы все равно эти файлы. С чем вообще это связано, а то я даже не знаю, что загуглитьб

нет, у меня нет пропсов вообще, я использую slots, для карточки товара. На главной странице отодбражается список всех товаров из api через цикл. Карточки завернуты в router link, При клике на линк(карточку) идет переход на страницу с описание карточки товара и  данные кликнутой карточки сохраняются как обьект во vuex.  На странице с описанием товара нужно отобразить данные карточки, и если во vuex нет этих данных => сделать api запрос ,  => полученные данные отобразить в описании карточки

я подумал,что получение описания карточки из vuex будет намного производительней, нежели джелать каждый раз запрос из api

У вас же не вся информация приходит с апи на главной? Почему бы на главной не сделать запрос к апи без детальной информации о товарах, а непосредственно, когда переходим на карточку товара, сделать другой запрос с полной информацией о ней. Например, как минимум, на главной картинки товаров скорее всего должны быть не большого разрешения, а на карточке - большого. Если все таки использовать подход с vuex, то проверяйте наличие товара в нем и если нет, загружаете через действие. Computed потом все сам пересчитает и отрендерит.

дело не в главной) там все нормально. Я могу конечно делать каждрый раз запрос в api, без проблем, но хочется через vuex все таки)

Тогда action vuex наше все

хорошо, спасибо!

Имеется в виду сделать action который по id будет подгружать товар в store, вообщем очевидные вещи, думаю вы все поняли, повторяюсь на всякий случай)

Всегда стоит вытягивать инфу о товаре с помощью апи при переходе на его страницу. А то что у вас на главной есть список товаров должно вытягиваться отдельным апи запросом на сервер, который выдаст список товаров с краткой инфой по каждому из них и id, по которому вы будете вытягивать полную инфу о товаре при переходе на его страницу.

Тут нет необходимости складывать в стор всю вашу БД которая хранится на бэкенде чтобы ее потом показывать на других страницах. Данные о товаре в БД могут измениться и ваш стор об этом ничего не узнает

да, это конечно правильный подход, но я исхожу из того,что мне предоставили, а предоставили мне один апи со списком всех товаров(вся характеристика каждого товара в этом же апи) и могу получить ещё апи для каждого товара отдельно,в данном случае мне проще сохранить один апи со списком всех товаров, и уже при клике на каждый товар сортировать массив во vuex и доставвать оттуда товар, а не делать каждый раз новый запрос на сервер

в created() хуке на главной старнице у меня есть запрос на сервер для получения всех товаров, то есть при каждом заходе на главную страницу, список товаров во vuex перезаписывается

Как я написал выше ваш стор придется обновлять актуальной инфой из БД.