vue教程Class与Style绑定关于active没有单引号的疑问?

Question

HTML代码

<div id="app-8" class="static"
     v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>

JS代码

    var  vm2=new Vue({
            el:"#app-8",
            data:{
                isActive:true,
                hasError:false
                }
});

这里的v-bind中active是没有单引号的,也就是他不能作为一个字符串,但是'text-danger'是有单引号的,这个跟我们平常的理解差不多就是类似class="text-danger".造成这个的区别是什么?
个人猜想是因为active类似一个伪类？就好像关键字一样是可以直接用的,但是不知道正不正确.

Answer 1

这里是的class是一个对象，text-danger这个字符串不能作为一个对象的key，所以要加引号，而active是可以作为一个对象的key的，所以不用加字符串