Vue中绑定class字符串拼接变量

方式一：

:class="`字符串${item.id}`"

示例如下：

:class="`div${item.id}`"

最简单的绑定（这里的active加不加单引号都可以，以下也一样都能渲染）

判断是否绑定一个active

或者

绑定并判断多个

第一种（用逗号隔开）

第二种（放在data里面）

//也可以把后面绑定的对象写在一个变量放在data里面，可以变成下面这样

第三种（使用computed属性）

单纯数组

（注意：三元运算符后面的“：”两边的class需要加上单引号，否则不能正确渲染）

或者

或者

或者

//前面这个active在对象里面可以不加单引号，后面这个sort要加单引号

或者

或者

---