序文
これは、特定の操作後に「応答」しないリアクティブ オブジェクトに関する最新の 記事シリーズ です。
主な記録は、関連する vue の実装メカニズムです。
笑 この記事を理解するには、vue と js の使い方の基本が必要です
テストケース
たとえば、クラスの更新を見てみましょう。
テストケースは以下の通りです。topClazzのレスポンシブ変数をトップdivのclass属性に追加します。
コンパイルされたレンダリングは次のとおりです
問題のデバッグ
上記のレンダリングは、VNode ツリーの作成と更新に関連付けられています。
次に、実際に dom に適用します。更新は patchVNode の一連のコールバックで行われます。
基本的な dom 要素のクラスがここで更新され、ページが調整されます
また、属性の更新、リスナーの更新、スタイルの更新などはすべてここで更新されます
v-show には他の場所でのスタイルの更新が含まれます
以上