Vue 的 :class 动态写法

Vue 的 :class 支持三种写法：

1. 对象语法

   <span :class="{ value: true, [item.status]: true }">
     {{ getScheduleStatus(item.status) }}
   </span>
   

   这样会同时包含 value 和 item.status 对应的类名。

2. 数组语法（更清晰）

   <span :class="['value', item.status]">
     {{ getScheduleStatus(item.status) }}
   </span>
   

   value 固定存在，item.status 根据数据动态追加。

3. 字符串拼接（不推荐，可读性差）

   <span :class="'value ' + item.status">
     {{ getScheduleStatus(item.status) }}
   </span>
   

---