VUE class 用法

    <div 
      class="red"
      :class="[typeClass, center ? 'is-enter': '', 'is' + effect, 'four': four === true]" 
    >
    <!-- class="red, blue, is-enter, istrue" -->
    </div>



   data () {
    return {
      typeClass: 'blue',
      center: true,
      effect: 'true',
      four: true,
    }
  }

  最後class爲  class="red, blue, is-enter, istrue， four"

以上爲vue中class的用法