基礎から学ぶ Vue.js 2週目(実施期間:4日)

進捗

基礎から学ぶ Vue.js

f:id:fatherofikura0107:20180810080001j:plain

  • 進捗18%(59/331)[前回+8%]
    • 盆明けが木曜だったので2日しか実施できなかったが1日あたり少し多めに時間を割いた

所感

  • Vue.jsの様々なディレクティブを学んだ。これでもまだ一部。
    • v-for:dataオプションから要素を繰り返して取得するときに使用する。
    • v-on:DOMイベント(例:クリックしたとき)を受け取るときに使用する。
    • v-model:データとフォームの入力項目を双方向バインドするために使用する。
    • v-if:テンプレートベースで条件分岐するために使用する。
  • カスタムタグなんてものもあるのか…。使い慣れてないと覚えられないだろうなぁ。
  • Vueインスタンスの構成を学んだ。
    • マウントする要素、データ、メソッドのオプションは必要なのは至極当然として理解できる。
    • ライフサイクルフックのオプションは細かく用意されているがどのようなケースで使うのだろうか…。今の段階ではピンときていない。
  • dataオプションの直下のプロパティは後から追加できないとのこと。リアクティブデータを作るタイミングはNewした時だけなのかな。
    • 内容が決まっていなくても、初期値や空データをセットしておく必要があり、後から代入するデータと同じ型で定義しておくと良いとのこと。
  • それまで意味不明だったがChaper2あたりから詳しい説明になった。
  • 中括弧({{}})で記述する方法をマスタッシュ(Mustache)と呼ぶらしい。Laravelもマスタッシュ記法だったのでよく使われる書き方なのだろう。