vue.jsダイナミックバインドclass

HTML  ：
Demo2

Javascript  ：
data: {
  classA: 'class-a'  // classA      class
}

    HTML:
Demo2

HTML  ：
Demo3

    HTML:
Demo3

HTML  ：
Demo4

Javascript  ：
data: {
  isA: false,  // isA   ，   class
  isB: true    // isB   ，   class
}

    HTML:
Demo4

HTML  ：
Demo6

Javascript  ：
data: {
 classA: 'class-a',
 classB: 'class-b'
}
 
   HTML:
Demo6

HTML  ：
Demo7

Javascript  ：
data: {
 classA: 'class-a',
 objectClass: {
   classB: 'class-b',   // classB    class-b,   classB     class  
   classC: false,        // classC  false,    classC
   classD: true          // classD   true，classD       class  
  }；
}

    HTML:
Demo7