Vue.jsのHTMLタグプロパティ一覧

概要

Vueを制御するために使用するプロパティ

確認

#主にformのinputタグの制御を行う。値が変更されたらinputに反映する等の処理が可能
v-model="value"

#主にif文と同じでfalseであればその要素は非表示(コメントアウト化、display:noneではない)になる。
#trueになる度、再描写を何度でも行える。ajax通信の制御にも使える.
v-if="isValue" 

#for文として利用できる。このforの中の要素も複製される。 ちなみに値がvaluesにないとifと同様に非表示になる.
#値が存在するとforが動く. nullを代入するとコメントアウト化
v-for="(val, index) in values" 

# タグのプロパティを生成することができる
# 例えば srcプロパティを生成するときは v-bind:src=""で可能. しかしこの属性は値が無いとエラーになる.
v-bind:値="value"
:値="value"

# on属性を生成することができる。changeも可能
v-on:click="method()"
@click="method()"

#識別可能な値を生成する(?)
:key="value"