vue.js中的active class是一種非常常見的功能，它通常被用來在頁面中高亮顯示當前選中的元素。在實際開發中，我們通過Vue指令來添加或移除給定的class，從而動態地改變頁面的樣式。

在Vue中，我們可以通過使用v-bind指令來綁定一個class。例如，對于一個列表項，在我們點擊選中它時，我們可以通過v-bind:class來綁定一個class:

{{item}}

以上代碼中，我們為li元素綁定一個樣式class，這個class的名稱為active。通過使用v-bind:class指令，我們可以根據currentIndex的值來動態地添加或移除這個class。當點擊列表項時，我們通過@click事件來更新currentIndex的值。

在樣式中，我們可以定義.active類來控制選中元素的樣式：

.active {
background-color: #f00;
color: #fff;
}

在這個樣式中，我們通過修改背景色和文字顏色來使選中的元素看起來更加醒目。

總的來說，Vue的active class功能十分的實用。通過動態地添加或移除class，我們可以簡單地實現很多復雜的UI交互效果。借助Vue的強大指令系統，開發這樣的功能從此變得輕松愉悅了！