vue动态绑定类名的方法

 一种是对象的写法[对象写法一般用在布尔值的判断上]
    <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}]"