仮想DOMのVueのコア

まず、なぜ仮想DOMの必要性？

 

一部の変更は、実際には、DOMノードへの対応が変更された場合、DOMツリー（木データ構造手段）によって提供されるウェブインターフェースは、構成されています。

パフォーマンスの問題を解決するための仮想ブラウザのDOM設計されています。

例えば、それはすぐに仮想DOM DOMを操作することはありませんが、地元のJSオブジェクトへの更新されたコンテンツの保存これらの10 diffは、オブジェクトが最終的にJS DOMへのワンタイムattchなり、DOM操作を10回更新するために、一つの操作があればツリー、その後の操作は、不要な計算を回避します。

したがって、すべてのJSに反映させるためにページを更新することができますJS DOMノードとシミュレーションオブジェクトの利点は、（仮想DOM）のオブジェクト、JSの動作速度は明らかに速く、メモリ内のオブジェクト、およびその更新が完了し、その後、最終的ブラウザに引​​き渡さ実際のDOMにJSのオブジェクトのマッピングは、描画します。

 

第二に、仮想DOM、メリットは何ですか？

DOM操作は、キー制約効率です

DOM低減動作は、データを修正する（変数）メモリリソースは、はるかに少ない運転DOMよりも消費しました

DOMは、メモリ内の仮想物体であるオブジェクトの特徴であるとDOMは、同一の構造を有します

 

 <DIV CLASS = 'テスト' ID = 'DIV1'>
        <P> 100 </ P>
        <スパン>ああ</ span>の 
    </ div>
  
  
 OBJ = {
    タグ： 'DIV' 、
    クラス名：「試験」、
    ID：「DIV1」、
    子供達：[
      {
        タグ： 'P' 、
        テキスト： 100
      }、
      {
        タグ：「スパン」、
        テキスト：「ああ」
      }
    ]
  }

 

III概要

1. Vueの高い動作効率プロジェクトが大幅に改善されるように、仮想DOM、DOM実際の運転効率の使用が操作を減らすために

コンポーネントベースの開発を使用して2 Vueの高い開発効率

本質的には：DOM操作から解放された開発者の努力は、データが操作に転送されます。