Vue 3のリアクティビティはJavaScript Proxiesの上に構築されています。状態をリアクティブにすると、Vueはそれをプロキシでラップし、読み取りと書き込みをインターセプトし、追跡して、どのエフェクトがどのプロパティに依存しているかを識別し、データが変更されるとそれらのエフェクトをトリガーしてを再実行させます。
コアメカニズム:読み取り時に追跡、書き込み時にトリガー
() {
(target, {
() {
(obj, key);
obj[key];
},
() {
obj[key] = value;
(obj, key);
;
},
});
}
