エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【Vue】Vueの勉強始めようpart15(詳細ページをSPAで作成)【550日目】

前回

www.nyamucoro.com

参考書籍

今回やったことは?

  1. 製品リスト、製品詳細をSPAで作成

実際のコード

■プルリクエス

APIで商品ページと商品詳細ページをつなぐ by klack710 · Pull Request #7 · klack710/study_vue_cli · GitHub

■作ったもの(ブランチはmaster参照なので、今後も更新されます)

competent-brown-63c0e3.netlify.com

学んだメモ

最初複雑かと思ったら、思ったよりシンプルでした。

vue-routerでルートの指定は凄くわかりやすい。nameも作れて、Laravel触ってるとわかりやすい。

今回は関数で仮APIっぽいのにしてるけど、ちゃんとURL指定してAPI飛ばせば、普通の製品詳細画面が作れそう。

フロントVue、バックエンドLaravelおすすめが今わかってきた気がするφ(..)メモメモ

もうそろそろこの本も終わりますね・・・すっごく分かりやすかった。
挫折しにくさでは、かなり優秀な本。最後まで頑張るぞー!