寝て起きて寝て

プログラミングが出来ない情報系のブログ

Vueのクラス系バインディング基礎

javascript Vue

booleanでの制御

単数

isLargeがTrueの場合はlageClassを適用する

複数

class名に'-'が入っている場合はシングルクォーテーションで囲む必要がある

クラスを配列に格納

配列にClassを格納できる。 ただ可読性が下がるので多用しないほうが良さそう

クラスをオブジェクトで管理

三項演算子を使ったCSS操作

インラインスタイルを使ったバインディング

オブジェクトを使ってインラインスタイル

オブジェクトでstyleを指定できる