在Vue中添加CSS屬性可以通過多種方式進行，其中最流行的方式是使用Vue組件。

// 添加 CSS 屬性
Vue.component('my-component', {
template: '
',
data: {
isActive: true
},
computed: {
classObject: function() {
return {
active: this.isActive
}
}
}
}

在上述代碼中，我們使用了Vue組件來添加CSS屬性。具體地，我們定義了一個名稱為“my-component”的Vue組件，并指定了組件的HTML模板，這個模板是通過一個命名為“template”的選項提供的。同時，我們也定義了一個數據屬性isActive表示當前組件是否處于激活狀態。

通過computed選項，我們定義了一個稱為classObject的計算屬性，它將會返回一個對象，這個對象由一個active屬性組成，并使用isActive的值進行初始化。在上面的HTML模板中，我們將使用v-bind指令將classObject綁定到當前組件上，這樣就可以根據當前組件的狀態來動態地添加CSS類。

在Vue中還有其他方式來添加CSS屬性，其中包括使用內聯樣式、v-bind:class指令、v-bind:style指令等。內聯樣式的方式非常直接，可以直接在HTML模板中使用style屬性，如下所示：

This text is red

另一種方式是使用v-bind:class指令，該指令允許您動態添加或移除CSS類。例如，您可以使用以下指令將CSS類“red”添加到當前組件上：

上述指令會從isActive屬性獲取對應的布爾值，然后根據該布爾值來確定是否添加CSS類。“red”是將要添加的CSS類名稱。您還可以在v-bind:class指令中使用計算屬性，這樣當數據變化時就可以動態地添加或刪除CSS類。

類似的，v-bind:style指令允許您動態地設置內聯樣式。例如，您可以使用以下指令為元素設置背景色：

上述指令會從color屬性獲取要使用的背景顏色，然后將其動態地應用到元素的style屬性中。

綜上所述，在Vue中添加CSS屬性是非常常見的任務，Vue已經提供了多種方式來實現該任務，例如使用Vue組件、內聯樣式、v-bind:class指令和v-bind:style指令。您可以根據您的具體需求來選擇最適合您的方式。