Javascript Vue 2-悬停和单击时删除类（使用多个元素）

是否可以使用Vue从元素中删除类？我需要删除悬停事件上的类，并在指针不在文本上方时将其带回来

另外，我需要在单击元素时删除类

这是我尝试运行的一个示例：

<span class="text-muted">All | </span>
<span class="text-muted">Visible | </span>
<span class="text-muted">Hidden</span>

---

加载页面时，在按下另一个元素之前，第一个跨距不应包含该类。

要在单击该元素时删除该类，可以如下操作：

<span class="text-muted" @click="$event.target.classList.remove('whatever-class')">All | </span>

要重新添加类，请使用mouseout事件：

---

希望这能有所帮助。

要在单击元素时删除该类，可以按如下方式执行：

<span class="text-muted" @click="$event.target.classList.remove('whatever-class')">All | </span>

要重新添加类，请使用mouseout事件：

---

希望这有帮助。

stackoverflow应该给那个人一个咖啡按钮，这样我们就可以送你一杯咖啡：D谢谢你stackoverflow应该给那个人一个咖啡按钮，这样我们就可以送你一杯咖啡：D谢谢你

<span class="text-muted" @mouseout="$event.target.classList.add('whatever-class')">All | </span>