這種寫法用的比較少 因為...沒必要 多此一舉了　　【瞭解即可】

        <h2 :class="['active','aabb']">Hello World</h2>

這樣的話 因為他是直接帶了單引號 所以他的程式碼會是：

<h2 class="active aabb">Hello World</h2>

如果沒加單引號 那麼會按照一個變數來解析：

<div id="app">
    <h2 :class="[active,aabb]">Hello World</h2>
</div>

<
 
script>
    const app = new Vue({
        el: "#app",
        data: {
            active: "none",
            aabb: "red"
        }
    })
</script>

所以 p2的程式碼就會是：

<h2 class="none red">Hello World</h2>

所以為什麼說沒必要 因為我是不是可以直接 class = “none red” 何必呢？

還有一種寫法：放在方法中返回 ，

<script>
 

    const app = new Vue({
        el: "#app",
        data: {
            active: "none",
            aabb: "red"
        },
        methods:{
            statr:function (){
                return [this.aabb];
            }
        }
    })
</script>