Vue中的class樣式是通過v-bind綁定數據，動態地給HTML標簽添加或移除class，可根據不同的條件進行添加或移除。在vue中可以直接通過:class或v-bind:class來動態綁定class。

Vue實例：
new Vue({
el: '#app',
data: {
isActive: true,
hasError: false
}
})
HTML標簽：

上述代碼中，isActive和hasError分別代表是否添加class，active和error表示添加的class名稱，通過v-bind:class綁定在一起，即可根據isActive和hasError的不同值來動態添加或移除class。也可以使用對象語法和數組語法來綁定class。

data: {
isActive: true,
errorClass: 'error'
}

還可以使用computed屬性來動態計算class，例如：

data: {
isActive: true,
errorClass: 'error'
},
computed: {
classObject: function() {
return {
active: this.isActive && !this.error,
'text-danger': this.error
}
}
}

以上就是Vue中綁定class的基本語法和用法，可以根據不同的業務需要進行靈活應用。在實際開發中，合理運用classname可以使得樣式更加靈活和動態，提升用戶體驗。