home ホーム search 検索 -  login ログイン  | reload edit datainfo version cmd icon diff delete  | help ヘルプ

JavaScript/参考メモ/Data Binding, ObserverパターンとVue.js(2015-03時点) (v1)

JavaScript/参考メモ/Data Binding, ObserverパターンとVue.js(2015-03時点) (v1)

JavaScript / 参考メモ / Data Binding, ObserverパターンとVue.js(2015-03時点) (v1)
id: 1391 所有者: msakamoto-sf    作成日: 2015-03-29 16:12:06
カテゴリ: JavaScript 

JavaScriptでのData Bindingってどうしてるのか、軽くググってみたところObserverパターンの応用であり、JSでのライブラリの代表例としてVue.jsというのがありましたので、2015-03時点で参考URLをメモ。

  • 技術/ソフトウェア設計/MVVM(Model View ViewModel)デザインパターンとData Bindingの参考URLメモ(2015-03時点) でもWPFの世界の参考記事をいくつかググって並べたが、One Way / Two Way / Once の3種類位あるらしい。
  • One-Way は単方向。Two-Wayが双方向。Onceは最初の一度きり、という具合に使い分けされてるらしい。
  • 実装としては、Observerパターンを使って、オブジェクトの変更イベントを購読(subscribe)して、データの変更やViewの変更イベントをお互いに伝え合う形。
  • JSで開発する場合は、Two-Wayの利用頻度が高めなのかも。

JavaScriptとObserverパターン

JavaScriptでObserverパターンはどう作るか?いくつか、実際にサンプルコードで例示してくれてる記事が見つかった。

JavaScriptでのData Bindingのサンプル

参考:

その他、Stack Overflowより:

Vue.jsの参考URL

2015-03現在、Observerを基盤としたDataBindingと、さらに一部ではReactなどのパラダイムを取り入れたライブラリ・フレームワークが百花繚乱なのがJavaScript界隈のホットな現状。
その中で、Vue.jsを使ったMVVMとData Bindingのサンプルがいくつか見つかったので、メモ。



プレーンテキスト形式でダウンロード
現在のバージョン : 1
更新者: msakamoto-sf
更新日: 2017-02-12 16:20:11
md5:49701b4f3571d036de79ed6059916486
sha1:09bb8cc1a48a60430ddc9acbc5016e8200cd3753
コメント
コメントを投稿するにはログインして下さい。