一种是对象的写法[对象写法一般用在布尔值的判断上]
<button class="zy-button" :class="{'is-plain':plain}">
index===currentIndex这个返回一个布尔值,如果是false则不加is-plain这个类名,如果为true则加
<button class="zy-button" :class="{'is-plain':index===currentIndex}">
一种是数组的写法
<button :class="["zy-button",index===currentIndex?'className':'']">
这样button会有至少一个类名,如果index===currentIndex那么就有两个类名,分别为zy-button和className
还有一种是数组内部放对象的写法
:class="[`zy-button--${type}`,{'is-plain':plain}]"