How do frameworks like Vue.js know when a variable changes? They use Proxies to intercept object operations.
const data = { price: 100 };
const observer = new Proxy(data, {
set(target, key, value) {
console.log(`${key} changed to ${value}! Update UI...`);
target[key] = value;
return true;
}
});
observer.price = 150; // Triggers the log automatically