vue 设置class属性时的问题

普通情况如下

<h1 :class=" { red: true, thin: true, italic: false, active: false }">这是一个很大很大的H1，大到你无法想象！！！</h1>

上面的做法是没问题的，但若类名为这样的形式 background-color,在按照上面的做法就不行了。

解决办法:

<h1 :class=" { 'background-color':true }">这是一个很大很大的H1，大到你无法想象！！！</h1>

需要给类名加上引号