Vueソースコード分析（3）-コンパイルの原則

1.コンパイル

1. ループ内の文字列を分析し、タグの開始文字を照合し、通常のルールを使用してすべての属性を照合してから、それをスタックにプッシュし、タグノードを生成してAST、AST親子関係を確立します
2. ラベル内のテキストノードを照合し、テキスト文字列を解析し、実行式を生成し、テキストを生成ASTし、AST親子関係を確立します
3. タグの終了文字を一致させ、ポップ操作を実行してタグを比較し、パラメータをリセットします
4. 終了し、ポップされていないラベルを防ぎAST、ツリーのルートノードに戻ります
   

2.最適化

ASTツリーをトラバースし、静的ノードと非静的ノードをマークします。更新時に静的ノードは直接スキップされます

3.コードを生成します

ASTツリーをトラバースしAST、対応するノードの実行コードを再帰的に分析して生成します。これには、ノードのすべての情報dataなどが含まれevent、directive最後にコンポーネント全体のrender機能が生成されます。