Vueの研究ノート:V-バインド属性の動的結合

v-bind の役割

V-結合特性および動的命令は式ノードを結合させてもよいです

V-バインドプロパティは、HTML様々な要素にバインドすることができます

例えば:

<a v-bind:href="xxx"></a>

xxxは、変数のデータとすることができる、それはまたなど、関数であってもよいです

シンタックスシュガー

v-bindこれは、と略記することができ:
、すなわちv-bind:xxx短縮:xxx

クラスの動的結合特性

一般的スペル:クラスが配列クラス名にバインドすることができる立っ、やはりのアレイに配置することができるつまたは複数のオブジェクトに結合することができる
オブジェクトを、キーはクラス名を表し、値は、このクラスが有効かどうかを示します

  • :class="['a', 'b', 'c']"
  • :class="['a', 'b', {k1:v1, k2:v2}]"
  • :class="{k1:v1, k2:v2}"
  • :class="obj"

~~~~~ ~~~~~ END

おすすめ

転載: www.cnblogs.com/wbyixx/p/11963496.html