How to create an array of reactive variables?

Question

Vue.js

I apologize right away, I am tongue-tied and can use the wrong words and concepts.

The crux of the matter is this.

I request and receive an array of data, it contains the names of categories and the number of elements inside (which is not the point).
Next, I need to create an accordion for each category and toggle it back and forth.
I can't figure out how to implement this within the framework of 1 component. I have a need for a button that would switch a boolean variable back and forth, but I can’t dynamically create them (an array of variables) so that then they would be reactively processed.

People point your finger to the idiot in the right direction.

Answer 1

Array or object? If it's an array, is it possible to convert it to an object? For reactivity use Vue.set

Answer 2

Convert the data array to a collapse data array in which to add a flag for the elements and open / close on it

Answer 3

When you have received an array of some data, you can always add any property or function or object to each element.
Accordingly, each element can have a handler for something or a boolean property.
In general, the question is not clear.