2020-5-10

8時起床。学習時間は7.5h。

vueの学習をした。v-if elseで条件分岐でレンダリング、v-bindで色んな属性をバインド(styleとかnameとか)してscriptで色んな処理が書ける。Vueオブジェクトは必ず書く。Vueオブジェクト内ではelでid属性を指定。｛｛message｝｝出力する時は二重波括弧。v-onでクリック時のアクションを設定。

☆componentは名前付きの再利用可能なVueオブジェクト。vueインスタンスを作って特定のタグにレンダリングを適用することでJavaScriptのスクリプト側、HTMLタグ側両方の処理を一度にできるから便利。つまり1度書けばJavaScriptHTML両方書けるっていう強者。

templateで用意したタグを出力するだけじゃなくて、dataプロパティにmessageとかを用意すればその値をtemplateに埋め込める。propsで属性をしていできる。

v-modelはinputで入力された値をVueのdataプロパティの値にバインドさせることが出来る。リアルタイムに入力されたvalue=値そのままVueオブジェクトの変数にバイント、出力に反映されるっていう素晴らしい機能。