如何在Vue中有条件地添加类？

<template>
  <div :class="{ 'highlight': isHighlighted, 'bold': isBold }">
    Content
  </div>
</template>

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

<template>
  <div :class="['highlight', isBold ? 'bold' : '']">
    Content
  </div>
</template>

<script>
export default {
  data() {
    return {
      isBold: false
    }
  }
}
</script>

<template>
  <div :class="computedClasses">
    Content
  </div>
</template>

<script>
export default {
  data() {
    return {
      isHighlighted: true,
      isBold: false
    }
  },
  computed: {
    computedClasses() {
      let classes = ['highlight'];
      if (this.isBold) {
        classes.push('bold');
      }
      return classes;
    }
  }
}
</script>