jQueryとVue.js のスタイルの違い

jQueryのスタイル

• UI構築に関してDOMツリーを中心とする
• DOMツリーがUI状態を持つ
• イベントによってDOMツリーをどのように変更するかを考える

Vue.jsのスタイル

• UI状態を担うJavaScriptのオブジェクトが中心
• UIの持つ状態は何か
• Javascript のオブジェクトとしてどう表現できるのか
• データバインディングによってUI状態とDOMツリーをどうマッピングするか
• イベントによってどの状態を変更するか
• これら上記の事を視点を切り替えながらUI構築を進める