Vueチュートリアル殴り書き

ディレクティブ

v-で始まる特別な属性

バインディング

データと画面を結びつけること

v-bind

htmlタグの属性の追加に使う

:で省略可能

めっちゃ使う

v-bindディレクティブと呼ぶらしい

code:v-bind.vue

<h1 v-bind:class="sample">test</h1> //sampleに入ってる値が展開されて入る

//　省略パターン

<h1 :class="sample">test</h1>

v-on

@で省略できる

指定したイベントが起こった時に反応して指定した処理を行える

購読=指定したらイベントが発生したら教えてと同意

thisで対象のコンポーネントインスタンス(buttonとか)にアクセスできる

v-model

v-bindとv-onを簡略化できる糖衣構文

なーんか、どのメソッドを使ってるのか分かりにくいからあんま使いたくない

v-if

判定がtrueの時に表示したりできる

結構使えるかも。

v-else

v-ifじゃない時に使う

v-ifに条件かいればv-elseってだけで書ける