Vue中动态class方法

1.方法一：只需要展示一个class样式，但是动态取值

data:{
    return () {
      aaa:'colorRed'
    }
}

.colorRed {
    color: red;
}

2.方法二：表达式判断是否展示class里面的样式

data:{
    return () {
      aaa:true 或者false去控制展示
    }
}

.colorRed {
    color: red;
}

3.方法三：如果多个class样式，并且里面还有判断是否展示的表达式 可以写成数组对象的形式

:class="[{'disabledEdit': editDisabled},'redcolor']"

editDisabled可以是true或者false来决定是否显示类样式editDisabled

css样式
.disabledEdit{
xxx
}
.redcolor {
color: red;
}