官网案例:
<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中处理!