:class
:class = 'xxx'
xxx是字符串
xxx是对象
xxx是数组
.aClass{ color:red;}
.bClass{ color:blue;}
...
<p :class = "a">xxx是字符串</p>
data : { a : aClass,}
...
<p :class = "{ aClass:isA, bClass:isB}">xxx是对象</p>
data:{ isA:true, isB:flase}
...
<p :class = "['aClass']">xxx是数组</p>
:style
:style = "{color:activeColor,fontsize: fontSize + 'px'}"( activeColor/fontSize为data中属性)
<p :style ="{color:activeColor,fontsize: fontSize + 'px'}" >style属性绑定</p>
data : {
activeColor : 'red',
fontSize : 20
}
网友评论