ディレクティブの続きです。 v-model v-modelを要素に追加すると、双方向データバインディングを行うことができます。 双方向データバインディング 双方向データバインディングとは、dataオブジェクトの値を変更すると、テンプレートの値を変更するだけでな…

ディレクティブについての続きです。 v-on v-onディレクティブを要素に追加することで、イベント処理を行うことができます。 構文 v-on:イベント名 = "メソッド名" 例 ボタンをクリックしたら現在時刻をページに表示します。 index.html <div id="app"> <button v-on:click="onclick"> Click! </button> <p> {{now}} </p> </div>…