6/11 Vue.js

振り返り

今日は何も見ずにGoogle Books APIsを使用してデータの取得、vuetifyを使用してのデータの表示、コンポーネント間でのデータのやり取り、ローカルストレージへのデータ保存の実装に挑戦。

Google Books APIsを使用してデータの取得

特につまることなく実装できたが今はGoogle Books APIsを使用するためのURLの作成という形で覚えてしまっているので、他のAPIを使用する時に適切な形で対応できるように心がける。

vuetifyを使用してのデータの表示

グリッドシステムを使用した実装はまだ不慣れ。

理屈はなんとなく理解できているがタグの量が増えるにつれて少し混乱した。便利な技術なので慣れてサクサク書けるようにする。

コンポーネント間でのデータのやり取り

今回は特に問題なく実装できた。

子側から親側に値を渡す時にthis.$emitを使用することと親側でのデータの取得方法を忘れないようにすれば問題ない。

ローカルストレージへのデータ保存

最初は保存の際に少しだけ記述を誤っていたので保存できず。

すぐに修正できたのでOK。

普段はあまり使用することのない技術だと思うのでなんとなく仕組みを理解する程度に留めておく。