知識ポイント
- VUE作業メカニズム
- VUE応答原則
- リライアンスの収集と追跡
- コンパイラのコンパイル
Vueの作業メカニズム
新しいヴュー(後)で。Vueが初期化は、計算されたライフサイクルイベント、小道具、方法、データを初期化するというように見て、呼び出します。最も重要なのは、達成するために、Object.definePropertyによって提供さセッターとゲッターである応答と依存コレクション
$初期化後にアセンブリをマウントマウント呼び出し
初心者:
コンパイル
コンパイルされたモジュールは、3つの段階に分かれています
1、パース:通常の命令VUE(V-XXX)の変数、およびそのテンプレート、抽象構文木が形成されASTを解析
2、最適化:後パフォーマンスの最適化など、いくつかの静的ノードをマークし、直接差分をスキップするとき
図3は、生成:レンダリング機能がレンダリングされるステップで生成された変換関数AST
反応します
これは、コアコンテンツVUE、のDefinePropertyゲッター、セッターによって定義されたオブジェクトの初期化、設定通知メカニズムであります
コンパイラが生成するレンダリング機能が実際にレンダリングされるとトリガーゲッターは収集、データの変更、更新トリガーセッターに依存するとき、
仮想DOM
仮想DOMは最初の反応で、Vue2はサポートするために始めた、DOM構造を記述するためにデータ変更をJavaScriptオブジェクトを使用することで、我々は最初の仮想DOM内のデータを変更した後、配列はdiffを行い、及びすべての差分の最後にまとめて、少なくともDOMをやるために努力操作、結局、コントラストJSで迅速、実際の操作である一方、遅すぎるDOM
更新ビュー
データ変更トリガセッターは、その後、リスナーは軽微な変更を取得し、古いものと新しいVDOMツリーを比較することで、変更することがわかります、そしてちょうどこれらの違いを修正する必要があり、パッチです
VIEW2