Vue.js

WebアプリケーションのUI部分などを開発する際に使われる、JavaScriptフレームワーク。

ステートの管理が簡単になる

OSS

双方向データバインディングが使える

データの変更があった場合UIの更新をして宣言的な記述をするだけでデータとUIの同期が取れるのがMVVMフレームワーク

HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPI。

DOMではHTMLドキュメントやXMLドキュメントを「オブジェクトのツリー状の集合」として取り扱う。このツリーをDOMツリーと呼ぶ。

データバインディング

データバインディングには3種類あるらしい。

双方向データバインディング(TwoWay)

単方向データバインディング(OneWay)

ワンタイムバインディング(OneTime)

テンプレート

HTMLベースのテンプレート構文を使用した描画部分に関する記述のこと

V(View)に相当

jQueryとVue.jsの違いは ?

jQueryはデータの整合性の管理、HTML構造自体の整合性を自分でする必要がある。もしparent()メソッドを使う場合jQueryならparent要素があるか判定しないとダメだがVue.jsならそういうのは気にしなくて良い

Vue.jsのメリットは

行を追加したら何かが起きるとかが書きやすくなる。

同期処理が楽になる

遷移処理(トランジション)が楽になる

View

ViewModel

Vueインスタンス

関連ライブラリ

確認用

Q. jQueryとVue.jsの違いは ?

Q. Vue.jsのメリットは

参考

Webpack + Vue.js

関連