How can you save the state of a dynamic component?

Question

JavaScript

There is a page with the output of goods, a basket, etc.
Each product I have is a component - product-item and is displayed in a loop.
I need to be able to work with the state of each component, but the problem is that they are dynamic.
Tell me in what form you can store the state of each product-item in the vuex store

Answer 1

If you need to keep it straight all the time then vuex.
If I were you, I would do it differently. For each component in the form of props, I gave it an object of type
Data(){
return {
items: [
{id: 123,
price:123
}]
}
}
Inside this object, play with the data as you like. They belong to the parent and in the event of the destruction of the child, they will not be lost.