Nuxt.js で簡単な画像一覧アプリを作成する – Part.2 | LuftGarden

はじめに 「Nuxt.js で簡単な画像一覧アプリを作成する – Part.1」の続きになります。 Part.1 ではNuxt.jsプロジェクトの作成〜犬種リストの表示までを実装しました。 今回はイヌの画像表示から「いいね！」ボタンの実装までを行い、アプリを完成させましょう。 構成について 特定の犬種をクリックした際、画像が一覧表示されるようにします。 エンドポイントは https://dog.ceo/api/breed/[犬種名]/images です。詳細は Dog APIのドキュメント を参照してください。 ルーティング（ディレクトリ構成）は上記のようになります。 ディレクトリ名がアンダースコア付きで _breed となっているので、犬種は動的に設定できます。 画像取得のメソッドを追加する それでは、さっそく開発を進めていきましょう。 イヌの画像を取得するメソッドをDogApiクラスに