:class
写法1:对象
<div :class="{className:判断条件}"></div>
{'p1' : false, 'p': true}
写法2:三元
<div :class="判断条件?'类名1':'类名2'"></div>
写法3:数组
<div :class="[isTrue, isFalse]"></div>
[{'p1': false}, isFalse]
:style
方式1:对象
<div :style="{ fontSize: flag ? '30px' : '10px' }"></div>
{ fontSize: size + 'px', color: fontColor }
方式2:三元
<div :style="flag ? 'font-size: 30px' : 'font-size:10px'"></div>
方式3:数组
[{ fontSize: '30px', color: '#ff0000' }, { fontStyle: 'italic' }]