Есть компонент foodsection (секции: пицца, пироги, суши и т.п.) в котором отображаются товары.
item - товар, который выводится в foodsection, в зависимости от того, к какой секции он относится (если нужна информация, то в бд это устанавливается путем соотношения id товара с id секции).
axios запросом посредством API я получаю данные которые хранятся в виде:
products: {'Пицца':[{ товар 1}, {товар 2}],'Пироги':[{товар 3},{товар 4}],...}.
До этого - сам создавал fake api где хранил json с массивом объектов: items: [{товар1},{товар2}...]. Вопросов не было, так как получал массив объектов только из товаров, но в каждую секцию я выводил одинаковые товары, а сейчас их нужно "фильтровать" и выводить по секциям.
До этого получал свой массив и выводил в компонент foodsection:
<item v-for="item in this.$store.state" :key="item.id"
:item_data="item"
@addToCart="addToCart"
></item>
сам компонент item:
<div class="item_description">
<div class="item_title"><h4>{{item_data.title}}</h4></div>
<div class="item_bju">{{item_data.utility}}</div>
<div class="item_desc">{{item_data.description}}</div>
<div class="item_price">{{item_data.price}} ₽</div>
</div>
Как теперь вывести определенные товары в соответствующую секцию?
Простой