Vue.js 是一個現代化的 JavaScript 框架，用于構建可擴展的 Web 應用程序。Vue.js 的主要特點是其易于使用和靈活性。Vue.js 提供了一個簡潔而有效的方式來處理數據和用戶界面的交互，使得你可以專注于業務邏輯而不是如何管理 DOM。在本文中，我們將討論 Vue.js 中一個重要的概念：class。

在 Vue.js 中，class 的作用是為元素添加或刪除 CSS 類。class 屬性可以接受一個對象，其中每個屬性代表一個 CSS 類，值為布爾值（true 或 false），表示是否應將該類添加到元素中。例如：

<div v-bind:class="{ active: isActive }"></div>

在這個例子中，我們將一個叫做 isActive 的 data 屬性綁定到 div 元素的 class 中。如果 isActive 的值為 true，那么該元素將具有 active 類，否則不會有。

除了對象語法之外，class 還支持數組語法，允許我們在元素上動態地添加多個 class。例如：

<div v-bind:class="[activeClass, errorClass]"></div>

在這個例子中，我們使用了數組語法將兩個變量（activeClass 和 errorClass）添加到元素的 class 中。這些變量可以根據邏輯動態修改，從而實現動態添加或刪除 CSS 類。

總結來說，Vue.js 中的 class 為我們提供了一種簡單而可靠的方式來控制元素的樣式。無論是使用對象語法還是數組語法，都可以為我們的應用程序提供靈活性和可維護性。