クラスとスタイル結合方法のヴュー

1.クラス

　　オブジェクト：

　　　　

1. <DIV：クラス = " {活性：isPlaying} " > </ div>

　<DIV：クラス= "{アクティブ：isPlaying、デモ：isPlaying}"> </ div> 
  isPlayingによって決定されたデータに作用するDIV要素は、アクションがfalseに影響を与えることなく、真であるかどうかをアクティブ。

2。

<DIV：クラス= "OBJ"> </ div> 
データ：{ 
　　OBJ：{ 
　　　　活性：真、
　　　　デモ：偽、
　　} 
}

　　アレイ：

　　

<DIV：クラス = " [デモ、アクティブ] " > </ div> 
データ：{ 
  デモ：デモ、
  アクティブ：" TEMP-アクティブ"   
} 
< DIV V-バインド：クラス= 「[のisActive activeClass：？ ''、errorClass ] "> </ div>
 < divのV-バインド：クラス= "[{アクティブ：のisActive}、errorClass]"> </ div>

 

2.バインドスタイル

　配列やオブジェクト、実質的に同一のクラス　

<DIV：スタイル= "{色：activeColor、のfontSize：のfontSize + 'ピクセル'}" > </ div>