javascript - vue class属性绑定问题

Question

vue2 不支持这种写法的吗，这两种写法都报错，v-if这样写就没有问题；

Answer 1

classOK:classNo 是变量吗？是字符串的话要"classOk":"classNo"

官网是下面这样的吧。isActive 是变量

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

Answer 2

类名要加引号，不然会当做变量。
应该是对象字面量的命名问题：

在对象字面量中，如果属性名是一个合法的Javascript标识符且不是保留字，则并不强制要求用引号括住属性名。所以用引号括住"first-name"是必需的，但是否括住first_name则是可选的。