vue，动态改变添加样式

       1、  ：style 形式

             

             (1)     ：style=" 条件 ？ ‘样式值（padding-top: 20px）’   :  ' '  "       三目表达式。

                       如果是多个   ：style=" {  条件 ？ ‘样式值（padding-top: 20px）’   :  ' ' ， 样式 2  ，样式3 }}"   

             (2)         ：style=" {  条件 ？  this.data.值  :  ' ' ， 样式 2  ，样式3 }}"      可以加样式为对象

   2、：class形式

          （1）   对象的形式

                           <!-- 第一个参数 类名， 第二个参数：boolean值 -->
                          <!-- 对象的形式: 用花括号包裹起来，类名用引号， -->
                            <!-- 优点: 以对象的形式可以写多个，用逗号分开 -->
                     <p :class="{'sm' : true}">对象的形式</p>                  <p :class="{'sm' : false, 'lg': true}">对象的形式</p>

                   

                   （2）  数组的形式

                          <!-- 第二种方式:三元表达式 注意点：放在数组中，类名要用引号--       

                         <p :class="[ controller.summary? 'sm' : 'lg' ]" >三元表示式</p>