最近公司要求，在学习前端vue知识，记录一些语法要点

在绑定类和样式时，如果使用三目运算(三元运算)时，html中使用的是大括号[],

以及使用数组绑定多个class时，也是大括号，

其他的使用中括号{}

比如：

绑定class

<!--三目运算-->
<div :class="[isAcitive?redClass:errorClass]"></div>

<!--数组绑定多个class-->
<div :class="[redClass,errorClass]"></div>

<!--绑定一个对象，使用中括号{} -->
<div :class="{'activeClass':isActive,'errorClass':hasError}"></div>
<!--注意：如果中括号内类只能加单引号，或者不加引号，直接写如下-->
<div :class="{activeClass:isActive,errorClass:hasError}"></div><div :class="{'activeClass':isActive}"></div>

 绑定样式用法：

1. 绑定多个样式

   <div :style="{color:activeColor,fontSize:activeFontSize}"></div>
   或者
   <div :style="{'color':activeColor,'fontSize':activeFontSize}"></div>

2. 绑定一个对象样式

   <div :style="styleObject"></div><script>const styleObject={color:'red',fontSize:'18px'}
   </script>

3.  绑定样式数组

   <div :style="[styleObject,overridingStyles]"></div><script>const styleObject={color:'red',fontSize:'18px'}const overridingStyles={width:'100px',height:'100px',backgroud:'blue'}
   </script>