<template>
  <div>
    <!-- 字符串写法 -->
    <span :class="classStr"></span>
    <!-- 数组写法 -->
    <span :class="classArr"></span>
    <!-- 对象写法 -->
    <span :class="classObj"></span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      classString: 'myClass',
      classArr: ['myClass1', 'myClass2', 'myClass3'],
      classObj: {
        myClass1: false,
        myClass2: true,
        myClass3: false,
      }
    };
  }
};
</script>
<style>
.myClass {}

.myClass1 {}

.myClass2 {}

.myClass3 {}
</style>