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可以使得样式更加灵活和动态，提升用户体验。