css中动态类名：使用对象绑定

// html中
<div :class&＃61;"{ active: isActive, sort: isSort }">字体颜色</div>
// data中data() {return {isActive: true,isSort: false,}
//style中
<style>
.active {color: red;
}
</style>


理解&＃xff1a;
isActive为true,active类有效&＃xff0c;isSort为false,sort类无效。

注&＃xff1a;最终效果是&＃xff1a;

<div :class&＃61;"active">字体颜色</div>


最终效果&＃xff1a;