あのときコード

Vue.jsの基本ディレクティブ

vue.js javascript フレームワーク

ディレクティブ

  • v-bind
    vueの変数をバインドする。

    例）
    title属性に変数をバインドする場合
    v-bind:title=”[変数]"
  • v-if
    要素の表示・非表示を行う。

    例）
    [変数]がtrueのとき表示・falseのとき非表示
    v-if="[変数]"
  • v-for
    配列の繰り返し

    例）
    v-for="変数 in [配列]"
  • v-on
    イベントリスナ

    例）
    v-on:click="[メソッド]"
  • v-model
    双方向バインディング 入力を直接変数にバインド
    例）
    v-model="[変数]">
  • v-once
    データ変更時の更新を行わない
  • v-html
    変数をHTMLとして出力

    例）
    v-html="[変数]"

参考サイト