vue中class怎么动态加载：class

在Vue中动态加载class可以使用一个对象来绑定class，这个对象的属性名为类名，属性值为一个布尔值或者返回布尔值的函数。当属性值为true时，会自动把属性名作为类名添加到元素上，否则该类名不会被添加。以下是一个简单的示例：

<template>
  <div :class="{'red': isRed, 'blue': isBlue}">Hello World</div>
</template>

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

<style>
.red {
  color: red;
}
.blue {
  color: blue;
}
</style>

在上述示例中，`isRed`属性对应的类名`red`会被添加到`<div>`元素上，而`isBlue`属性对应的类名`blue`则不会被添加。