vue.jsを勉強できる短いサンプルコードを触る

nippで色々やってやはりJavascriptや周辺のライブラリは便利だと改めて思った。

やはりリアクティブなUIライブラリが1つ使えると何を書くにも便利そう、vue.jsの勉強を再開した。

https://github.com/alephmelo/vue-github-api

手始めにvueを使ってgithubapiを叩くサンプルコードを動かしてみた。

cloneしてindex.html開すだけであっさり動いてすごい。

※なんとなくmatthさんを検索してしまった、、

  • materialize.cssで見た目は調整
  • vue.jsはCDNから読み込み
  • app.jsのwatchでuserが書き換えられたらfetchDataメソッドが呼ばれる

短いので理解や改造も簡単。短くて役に立つサンプルコードを探すのは重要。