Vue 3:s reaktivitet är byggd på JavaScript Proxies. När du gör tillståndet reaktivt omsluter Vue det i en Proxy som fångar läsningar och skrivningar, låter spåra vilka effekter som är beroende av vilka egenskaper och utlöser dessa effekter för att köras på nytt när data ändras.
Kärnmekanismen: spåra vid läsning, utlös vid skrivning
() {
(target, {
() {
(obj, key);
obj[key];
},
() {
obj[key] = value;
(obj, key);
;
},
});
}
