Laravel x Vue成長日記 まとめ

LaravelとVueの組み合わせでVueを段階的に学習していく日記となっております。今回はLaravelのアプリのインストール・初期化から、テンプレートを編集しブラウザでHelloWorldの文字を出力を確認できるまでを実施します。

Vueの基本的なv-onとv-bindディレクティブの説明と、初心者が忘れがちなそれらの省略記法を紹介しております。覚えやすいような筆者なりの解釈も紹介しております。

LaravelにVuetifyを導入する部分のご紹介です。LaravelにVueは入れているけどVuetifyの入れ方がわからない方はこれを見れば導入できるようになります。わかりにくいポイントをまとめているので参考にしていただけたら幸いです。

computedとmethodsの違いを実際に手を動かして確認してみました。

VeeValidate3系でバリデーションする方法を解説しております。LaravelとVueを使ってformを実装するときに早く簡単にバリデーションを実装するのに便利なVeeValidateがバージョンアップしたためどのように実装したらよいのか確認しました。

VueのSlotについて簡単な例を挙げながらどういったものかを解説しています。公式のドキュメントではわかりづらかったものを実際に動かしながら確認することができます。