5/23 vue.js

自分なりの解釈

 

・WEBページに動きを加えるライブラリ

 

・el:で適応範囲を設定

・data:{}でWEBページで使用する変数を定義(処理を加えることはできない)

・methods:{}で関数の定義

・computed:{}で何らかの処理を実行した変数をreturnしてあげる

 

・ディレクティブとはHTMLタグを操作するコマンド

v-if 表示 非表示を条件分岐

v-for 繰り返し表示 railsで使用するranderのcollectionに似ている

v-bind 属性にdataを挿入

v-on イベントの付与 引数にイベント名を渡す

v-model 双方向のバインド?インプットタグで使用すれば入力された値を取得して別のHTMLタグに利用する