vue中的動態class/style

class/style寫法

class

名稱不確定,需要動態指定使用字串形式
:class="mode"
data:{
  mode:'xxx'
}
有多個動態名稱,但不確定數量,也不確定名稱使用陣列形式
:class="classArr"
data:{
  classArr:["a","b","c"]
}
個數確定,名稱確定,用不用不確定,使用物件形式
:class="classObject"
data:{
	classObjct:{
		a:true,
		b:false
	}
}

style

物件寫法要使用物件或陣列包住並且使用Camel-Case寫屬性名稱並且不能亂寫

物件的key要是符合css樣式

物件寫法
:style="fontSize"
data:{
	styleObj:{
		fontSize: '40px'
	}
}
陣列寫法
:style="styleArr"
data:{
	styleArr:[{fontSize:'40px'},{color:'blue'}]
}