Yapc Asia Talks Social RankingをVue.jsにしてみた

自身のアプリがゆーすけべー日記のたった一つの依存で #yapcasia のトーク応募ソーシャルランキングをつくるに取り上げて頂け。 Angular.jsだったので、自分のお気に入りのVue.jsへ移植してみた。 （私は、理解力が低いので学習コストの低いものを好む傾向あり）

ソースはこちら(https://github.com/dokechin/yapcasia2014-talks-social-ranking) app2.jsとindex2.htmlが今回作ったところ。

elプロパティにtrタグを指定して動かなかった。

試行錯誤してdivに変更したら動いた。

ajaxでローカルのJSON読み込み

この辺のコーディングが必要だった。

カスタムFilterの使い方がわかった

こんな風に簡単にかけると分かった。

Vue.filter('escape',function(value) {
  return encodeURIComponent(value);
});

<a href="http://twitter.com/search?q={{ url | escape}}" target="_blank">