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"