vue中:class里多个动态样式，写个案例

当需要在 Vue 中同时绑定多个动态样式时，可以使用对象语法。以下是一个示例，其中类名 `red` 和 `bold` 是动态绑定的：

<template>
  <div :class="{ red: isRed, bold: isBold }">Hello, World!</div>
</template>

<script>
export default {
  data() {
    return {
      isRed: true,
      isBold: false,
    };
  },
};
</script>

在上面的示例中，`isRed` 和 `isBold` 是 `data` 对象中的响应式属性。如果 `isRed` 为 `true`，则将 `red` 类名添加到 `div` 元素中。如果 `isBold` 为 `true`，则将 `bold` 类名添加到 `div` 元素中。因此，如果 `isRed` 为 `true`，则 `div` 元素将同时具有 `red` 和 `bold` 样式。