CLASS

1、最通用的写法

<p :style="{color:conFontColor,backgroundColor:conBgColor}">{{con.title}}</p>

2、三元表达式写法

<p :style="{color:(index==0?arr.conFontColor:'#000')}" ></p>
<!-- 合并写法 -->
<p :style="{fontFamily:arr.conFontFamily,fontSize:(Boolean ? '18px':'12px'),color:arr.conFontColor}"></p>

3、对象写法

<p :style="styleObj"></p>
data(){
  return{
    styleObj:{color:'#000'},
  }
}

4、数组写法

<p :style="[styleObj,styleObj2]"></p>
data(){
  return{
    styleObj:{color:'#000'},
    styleObj2:{backgroundColor:'#fff'},
  }
}