【转载】vue v-bind:class中属性使用引号

官网案例：

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

key：css样式名称， value：控制该样式的vue实例属性

刚看了这个demo还以为class的key和value都需要为vue实例的属性， 如果直接写key需要加引号。  后来实验中发现不是这么会事！

查了些资料， 对于key使用引号的规则应该是这样子的：

当key中包含特殊字符如横线“-”（不是下划线）， 空格等js不支持的变量时需要用引号。 因为vue会将"{}"中的内容应用到js中处理！