マスタカの ChangeLog メモ

■ 同じ Ajax 処理を Vue.js と jQuery で書いてみた [JS]

最近 Vue.js で、ようやくリアクティブプラグラミングに入門できました。

会社で毎週金曜日に開催されている、インフラ共有会(!)で Vue.js と
jQuery の違いを紹介しました。メモがてら、貼り付けておきます。

順番的には Vue.js で書いたものを jQuery で書き起こしました。

jQuery + Ajax

- JS が HTML を生成したり、HTML の DOM 構造を知る必要があり、変更
に弱い
- HTML コードを見ても、ol タグの中身が空っぽで、これから何が入るの
か不明。JS も読む必要がある

Vue.js + Ajax

- JS はほぼ関数定義に特化している。HTML の DOM 構造も知らなくて良い
- HTML コードを読めば、どんなレンダリングがされるか想像がつく。v-
から始まる、データ＆モデルバインディング等があるが、無視して読むこ
とも可能

[ 固定リンク ] [ 当日のツイート ]