良いプログラマのWebフロントエンドを共有MVVMフレームワークの実装原理ヴュー

  良いプログラマのWebフロントエンドシェアVueのMVVMフレームワーク実装原則、Vue.js瞬間非常にデータ駆動型のアイデアやコンポーネントベースの構造に基づいてされるJavaScript MVVMライブラリを、火です。Angular.jsとreact.jsに比べVue.js.を、我々はすぐに始めることができるように、APIを理解し、使用する方が、簡潔で容易に


1. MVVMそれは何ですか?

MVVMはモデル - ビュー - ViewModelにの略です。

  そこに過去10年間で、我々は、このようにHTMLとCSSファイルを接続するJavaScriptコードの行数千人を作成し、ブラウザに伝統的なサーバー側のコードの多くを置くが、きたフォーマルな組織の欠如、多くの開発者がフレームワークを使用する理由です。たとえば、次のようにangular.js、react.js、vue.js. これらのフレームワークの後では、ブラウザの互換性の問題は、もはやフロントエンド開発から私たちを防ぐことはありません。プロジェクトは謙虚少しページから、体積増加の前に引き続き必要なページのカラフルな何千ものとなって(あなたは次の時間は、あなたが言う、ブラウザの互換性のある書き込み、と言ったの、歓声があるはずです)最も重要なプロジェクトとなってメンテナンス性と拡張性につながるコードの数万人は、セキュリティへの重要な問題を含んでいます。

  これは、多くの開発者は、フレームワークが使用されている理由は、フレームワークはシンプルであり、APIがあります。年に当時のブラウザの互換性の問題を解決するために、多くのライブラリが存在している、最も典型的には、jQueryのです。しかし、ライブラリーのこのタイプは、ビジネスロジックにとても貧弱な保守性とスケーラビリティを実装していません。要約すると、二つの理由、MVVMパターンのフレームワークのクラスの唯一の出現。例えば、フレームワークが大きく開発の効率を改善された結合双方向データを通じてあるvue.js。

  1. MVVMフレームワーク

VueのMVVMパターンは、フレームワークVUEで、達成するためのフレームワークに基づいています。

モデル:このようなオブジェクトとしてデータJS、等配列を指します。

表示:ページビューを指し、

ViewModel:VUEは、オブジェクトをインスタンス化を指し、

  彼は、それが何を意味するVue.jsは、増分プログレッシブjavascriptのフレームワークであることを特徴としますか?

  1.   すでに既存のアプリケーション・サーバーを使用している場合、あなたはより良いインタラクティブな体験をもたらす、参加するアプリケーションの一部としてVUEことができます。

  2.   あなたが実装されているより多くのビジネス・ロジック・インターフェースを入れたい場合は、Vueが(vue2.xの+のVUE-ルータ+ axios +のWebPACK)、ニーズのほとんどを満たしています。他のフロントエンドフレームと同様、利点は、VUEすべての関数だけでなく、への成分の影響、より良好なメンテナンス性も多重化することができる、独自のHTML、CSSを構成する各成分、適切な場所でWebページをレンダリングするために使用されるJavaScript

  3. 我々は大規模なアプリケーションを構築する場合、この時点で、VUE実際のプロジェクトは、(VUEのinit WebPACKの私のプロジェクト)非常に簡単になる高速初期化を可能にするコマンドラインツールがあります。私たちは、スコープやSCSSで、独自のHTMLやJavaScript、CSSが含まれているVUE単一のファイルコンポーネントを使用することができます。

上記のこれらの3つの例は、大小Vue.jsの使用は、それはあなたのプロジェクトに統合するための適切な方法を持っているだろうことを、ステップバイステップのプログレッシブです。だから、進歩的なフレームワークです。Vue.js最もユニークな機能を:我々のデータの変更は、Vue.jsはあなたがそれを使用するすべてのページを更新するのに役立ちます。


おすすめ

転載: blog.51cto.com/14249543/2403268