在Vue中，我們可以使用class屬性來為動態(tài)元素綁定CSS類。而當我們需要添加多個CSS類時，可以使用對象來替代字符串。這種方式不僅代碼更為簡潔，而且更加靈活方便。下面我們一起來看看如何使用Vue class用對象。

<template>
<div :class="{ active: isActive, 'text-danger': hasError }"></div>
</template>
<script>
export default {
data() {
return {
isActive: true,
hasError: false
}
}
}
</script>
<style>
.active {
color: blue;
}
.text-danger {
color: red;
}
</style>

在上述代碼中，我們使用了對象語法來控制CSS類的綁定。其中，大括號內(nèi)部的表達式會被解析為一組CSS類名和對應的布爾值；如果值為真，則添加該CSS類，否則不添加。因此，在該代碼中，當isActive為true時，會添加active這個CSS類；而當hasError為false時，則不會添加text-danger這個CSS類。

在實際開發(fā)中，我們不僅可以使用簡單的布爾值來控制CSS類的添加或移除，還可以通過計算屬性、內(nèi)置表達式、甚至在Vue實例中自定義方法，來實現(xiàn)更加復雜、靈活的CSS類控制方式。

<template>
<div :class="classObject"></div>
</template>
<script>
export default {
data() {
return {
isActive: true,
error: null
}
},
computed: {
classObject() {
return {
active: this.isActive && !this.error,
'text-danger': this.error && this.error.type === 'fatal'
}
}
}
}
</script>
<style>
.active {
color: blue;
}
.text-danger {
color: red;
}
</style>

在這個例子中，我們通過computed屬性來計算一個對象，該對象可以根據(jù)數(shù)據(jù)屬性和內(nèi)置表達式進行條件添加或移除CSS類。例如，在該代碼中，當isActive為true且error為null時，將會添加active這個CSS類；同時，當error存在且其type屬性為fatal時，則會添加text-danger這個CSS類。

除了上述兩種方式，我們還可以使用Vue實例中自定義方法來控制CSS類的添加或移除。在Vue.js的官方文檔中，也提供了多種自定義方法控制CSS類的實例代碼，我們可以根據(jù)實際需要，選擇最適合自己的方案。

總的來說，Vue class用對象是一種非常靈活、方便的方法，可以幫助我們更加高效地控制動態(tài)元素的樣式。無論是簡單的布爾值、計算屬性或是自定義方法，都可以實現(xiàn)各種復雜的CSS類控制方式。