vue中class的绑定字符串写法

Vue中class的绑定字符串写法有以下几种：

1. 直接绑定一个字符串，例如：

<div class="foo"></div>

2. 使用对象语法绑定多个class，例如：

<div :class="{foo: isActive, bar: hasError}"></div>

在上面的例子中，isActive和hasError是组件中的两个数据属性，当它们的值为true时，class将会被绑定到元素上。

3. 使用数组语法绑定多个class，例如：

<div :class="[activeClass, errorClass]"></div>

在上面的例子中，activeClass和errorClass都是组件中的数据属性，它们的值会被合并成一个数组，然后class将会被绑定到元素上。如果某个数据属性的值为false或者undefined，它将被忽略。

4. 使用数组语法和对象语法混合绑定多个class，例如：

<div :class="[activeClass, {bar: hasError}]"></div>

在上面的例子中，activeClass是一个数据属性，而{bar: hasError}是一个对象语法，当hasError的值为true时，class将会被绑定到元素上。