1、字符串写法,适用于:样式的类名不确定,需要动态绑定
<div class="basic" :class="mood" @click="changeMood"></div>
data: {
mood: 'normal'
}
2、数组写法, 适用于:要绑定的样式个数不确定,名字也不确定
<div class="basic" :class="classArr" @click="changeMood"></div>
data: {
classArr: ['a', 'b', 'c']
}
3、对象写法,适用于:要绑定样式个数确定,名字也确定,但要动态决定用不用
<div class="basic" :class="classObj" @click="changeMood"></div>
data: {
classObj: {
a:false,
b:true
}
}
4、style样式
:style="{fontSize: xxx}" 其中xxx是动态值
:style="[a,b]"其中a,b是样式对象