【Vue】動態增加ClassName

動態增加

• 使用v-bind（省略成 :）
• 當判斷式為true時，就加上rotate的class

<div class="box" :class="{'rotate':isTransform}"></div>
          <hr>
          <button @click="isTransform=!isTransform">選轉物件</button>

var app = new Vue({
            el: '#app',
            data: {
              isTransform: false
            },
          });

 .box {
           //省略
          }

          .box.rotate {
            transform: rotate(45deg)
          }

​