动态的数据都给Vue管理
字符串写法,样式的类名不确定,需要动态指定
<div :class='a'></div>
el: "#root",
data: {
a:basic
},
数组写法:个数不确定,名字也不确定
<div :class='classArr'></div>
el: "#root",
data: {
classArr: ['a', 'b', 'c']
},
对象写法:都确定但是动态的决定用不用
<div :class='classObj'></div>
el: "#root",
data: {
classObj: {
a: false,
b: false
}
},
style绑定,所有的key都不能瞎写
<div :style="styleObj">1</div>
el: "#root",
data: {
styleObj: {
fontSize: '40px'
}
},