How to add/remove a class on click on an element (Vue)?

Question

Vue.js

Hello, not in the dock, not on the Internet, I can’t find how to add / remove a class specifically for this element in Vue by clicking on an element? I have 5 elements, for example, I want that by clicking on one, the 'active' class is added to it and removed by a second click.
I'm trying to do it through :class and a normal method that changes true/false (like in the dock), but I'm getting added/removed on all elements at once. There must be some simple analogue of $(this).add/removeClass('active').

Answer 1

There must be some simple analogue of $(this).add/removeClass('active').

There is access to the html element:

this.el.classList.add('active')
this.el.classList.remove('active')

But this is generally the wrong approach.
Display in view must be based on data.

Answer 2

<div class = "name active" ref = "needed" @click = "$refs.needed.classList.toggle('active')">
</div>