19.nuxt.jsで画像一覧アプリ:index.html

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 19.nuxt.jsで画像一覧アプリ:index.html [2019/02/09] – [Dog API用のクラスを作成] adash333
+++ 19.nuxt.jsで画像一覧アプリ:index.html [2019/02/09] (現在) – [犬種リストを保存するストアを作成] adash333
@@ 行 231: / 行 231: @@
 特定の犬種をクリックすると、画像が一覧表示されるようにします。
-==== 犬種リストを保存するストアを作成 ====
-  *store/ フォルダ内にindex.js を作成し、これまた、[[https://luftgarden.work/tut-nuxt-dog-part1/|こちらのサイト]]のstore/index.js をコピペします
-{{:14.nuxt.jsで画像一覧アプリ:pasted:20190113-232206.png}}
-  *ページ側で  fetch() メソッドを定義し、ストアにデータコミット...と、[[https://luftgarden.work/tut-nuxt-dog-part1/|こちらのサイト]]に記載してあるのですが、個人的にはVuex、まだ全然わかりません。とりあえずpages/index.vueを写経して次に進みます。
-{{:14.nuxt.jsで画像一覧アプリ:pasted:20190113-232759.png}}
-==== 画面上に犬種リストを表示する ====
-「Vuexの  mapStateヘルパーを使うことで、ストアからデータを取り出す」らしいのですが、これまたさっぱり、、、とりあえず、とにかく、[[https://luftgarden.work/tut-nuxt-dog-part1/|こちらのサイト]]のpages/index.vueを写経します。
-pages/index.vue
-{{:14.nuxt.jsで画像一覧アプリ:pasted:20190114-000728.png}}
-TypeError
-Cannot read property 'commit' of undefined と出てしまい、先に進めず。。。
-途中

19.nuxt.jsで画像一覧アプリ/index.html.1549692475.txt.gz · 最終更新: 2019/02/09 by adash333