読書ノート「のショートのVueでのコアを理解します」

Vue.js(発音/vjuː/、ビューに類似)は、建物のユーザインタフェースプログレッシブフレーム

プログレッシブフレームワークとは何かを説明する前に、見つけることが必要であるフレームワークであり、どのような

最初のフロントエンドの開発では、我々は、HTMLでのJS GET DOM要素を使用し、シンプルで実用的であるような方法が、増加のビジネスニーズに合わせて、コードは、維持が困難混乱になりようになります。

例えば、需要は今があります:

絵、クリックされたとき、あなたは回クリック数を記録することができますがあります。

次に、需要のビット少しの変更がありました

それは、それぞれ、クリックされたとき、彼らのクリックを記録することができ、二つの絵が必要です。

それからちょうどその上でコードの元のコピーを置きます

この要件は、コードをコピー&ペーストすることによって達成することができるがしかし、この要求は、画像は、5となると、今度は、コードが許容範囲内の変化が、肥大化になるが、この時点でさらなる需要ならう

または5枚の写真が記録されたクリック数であるが、これはあまりにも多くのスペースを5つの別々の画像を一覧思えるされ、場所の唯一の絵は今そこにある、スイッチのボタンを選択することにより、画像をクリックしました。

この需要のルックスは非常に小さいが、それは空のあなたのコードを書き直すつながる可能性がある。この場合には、存在するJS DOM要素取得の欠陥を使用して見つけることができます

これに対処するために、コードの組織構造は、3つのセクションに分割することができ、データ(M)/ビュー(V)/論理制御(*)

  • データ・セグメント:データのみのコンテンツが含まれています
  • 表示プレート:責任スタイルの変更
  • 制御ロジック:プレートとデータセクタのビューとの間の接触を確立するために

    、このコードの組織構造の利点は、需要の変化が発生した場合、唯一の適切なセクションに変更を加える必要があることです。

この開発モデルは、多くの場合、MVモデル、MVC / MVVM / MVPはすべて、そこから派生していると言われ、このモデルの主な目的は、それであることが、直接データを表示起こらないように、それは、「DOMの流れを見ることができます「モデルとして、DOMの欠陥の嘘は、ビューを変更することで、DOM、DOMから直接データを取得し、これは、モデルの混合ビューはコードのメンテナンスを助長されていません実際にあります。

したがって、MVは*コードの組織が徐々にフレームとなり、重要な理由のチームフレームワークを選択すると、事前に、コードの組織構造を設定することができるということです良いですので、実際のプロジェクト開発を気にすることなく、比較的明確な方法がありますそのユニークなコーディング手法または過失混乱コードの個々の。

これらは、フレームワークを理解しています。厳密に、ブートストラップを話すとフレームワークと呼ばれることはできません、それは実際にツールのCSSのセットとみなされ、主にインターフェイスの美化のために、 jQueryのは、単にいくつかの繰り返しの操作が簡素化された、と互換性ソリューション、これだけ便利JSライブラリ操作。

研究の間、我々はすべてのVueのが特徴で、コアで始まるコンポーネントは、学ぶために始め、その後徐々に拡大知ってもらうために起動する必要はありません。また、使用中に、私たちは出ている、我々はそれが望んでいるものを使用する必要がある、とVueのも簡単に他の既存のプロジェクトやフレームと組み合わせて使用​​することができ、すべてのコンポーネントを配置する必要がありませんでした。

おすすめ

転載: www.cnblogs.com/songyan/p/12168070.html