Vue.jsでお天気情報を取得

Vue.js
スポンサーリンク

Vue.jsのお勉強。

Vue.jsでお天気情報のAPIを叩いて情報を取得するサンプルです。
お天気情報APIは無料で利用できるOpenWeatherMap(→APIリファレンス)を使用します。

Vue.jsでインクリメントサーチを少し改造して、リストから都市をクリックすると、その都市のお天気情報を表示します。

サンプルはこちら
(見た目は、手抜きです・・・)

HTML

JavaScript

コメント