1_Vue.jsの特徴

someone

31 8月, 2020

■
対象書籍(Vue.js入門-基礎から実践アプリケーション開発まで)の内容で、本件に使えそうな部分についてを記事化していく試み。

Vue.jsの特徴としては、

[コンポーネント指向によるUIの構造化について]

[リアクティブなデータバインディングについて]

Viewとmodelが同期的に値の更新がなされること。

これは、オブザーバーパターンをベースとしている。[理解した]

[段階的導入のフレームワークについて]

フレームワークの導入段階は複雑性に応じていくつかのステップに分割されている。

[2000年代の代表であるjQueryとの対比]

UI構築の考え方として、jQueryとの対比の話が述べられています。

jQuery: DOMツリーがそのままUIを持ち、イベントごとにDOMツリーを直接変更していく。
Vue.js: UIの状態をDOMツリーと別のJavaScriptオブジェクトで持ち、これを中心に考える。UIはこのJSオブジェクトで表現し、UIとDOMツリーをVue.jsがマッピングし、イベントでJSオブジェクトを通じて状態を変更していく。これがVue.jsのコーディングスタイルである。

　本質はより短く書けるAPIの集合でしかないjQueryは設計の考え方がないのでなんでも適当に実装できてしまうが、Vue.jsはこの思想があるので規模が大きくなってもきちんとした設計を保ったまま開発していけるよ…という思想ですが、最初にこの話があるのはよいですね。

開発環境はJSFiddleを用意する。ブラウザ上でVueを試せるツールである。