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'}]
}