<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的用法