What is the correct way to work with identical vue.js elements?

Question

Vue.js

Good day, there is such a task https://codepen.io/melrose13-69/pen/qBZJYQz
Recently I started getting acquainted with vue, this time I'm stuck on this example, the fact is that when you click on the button in the item, it assigns the item class, for this class I want to make display none, but by clicking on the button the class changes on all similar items, help me fix it

Answer 1

So you loop through all of them and assign this class. On click, call the method, in which you already check on which element the event fired and already change styles on it. Well, if it’s quite simple, then when specifying a condition in :class, check by index.