綁定樣式的幾種方法：
1、v-bind:class和對象（通過true或false）
2、v-bind:class和數(shù)組（可設(shè)置多個值,數(shù)組內(nèi)的每一項都是對象）
3、v-bind:style="一個對象"
4、v-bind:style="數(shù)組"(數(shù)組內(nèi)的每一項都是對象）
即：
1、class綁定對象
2、class綁定數(shù)組
3、style綁定對象
4、style綁定數(shù)組

在Vue對象中，樣式的類名要用駝峰寫法fontSize，不能用font-size
v-bind:style 的對象語法十分直觀——看著非常像 CSS，但其實是一個 JavaScript 對象。
CSS 屬性名可以用駝峰式 (camelCase)或短橫線分隔 (kebab-case，記得用單引號括起來) 來命名

 <div id="vm">
       一： class 數(shù)組寫法
        <!-- <div :class="[activeCl,fontSizeCl] "
              @click="DivClick"   >
            Hello World
        </div>-->
        二： style數(shù)組寫法
      <div :style="[fontCl,activeCl,{backgroundColor:'red'} ]"
             @click="DivClick" >
            Hello World
        </div>
    </div>


    <script>
        var vm =new Vue({
            el: "#vm",
            data:{
                activeCl:{
                        color:"blue"
                },
                fontCl:{
                     fontSize:'40px'
                }
            },
            methods:{
                DivClick:function () {

                    this.activeCl.color=this.activeCl.color==="blue"?"black":"blue"
                }
            }
        })
    </script>