// 输出 <div class="static class-a"></div> 不会覆盖原有的class
        // class="{{className}}" 这么绑定会覆盖自有的class
        <div class="static" v-bind:class="{'class-a':isA, 'class-b':isB}"></div>
        // 输出 <div class="class-2 class1"></div> 不会覆盖原有的class
        <div v-bind:class="classObject" class="class-2"></div>
        // 输出 <div class="class-a class-b"></div>
        <div v-bind:class="[classA, classB]"></div>

        <script>
                // 给元素绑定class
                let vm = new Vue({
                    el : 'body',
                    data : {
                        // 对象语法 v-bind:class="{ 'class-a': isA, 'class-b': isB } 
                        isA : true,
                        isB : false,
                        // 绑定一个对象 v-bind:class="classObject"
                        classObject : {
                            'class1' : true,
                            'class2' : false
                        },
                        // [classA, classB] 数组语法
                        // 这里也可以只绑定一个对象
                        classA : 'class-a',
                        classB : 'class-b'
                    }
                });
        </script>