🤔 Как понимают изменение состояния MobX / Vue?

MobX и Vue отслеживают изменения состояния за счёт реактивности:
- В MobX это делается с помощью observable-объектов. Когда ты изменяешь observable, MobX автоматически отслеживает, какие компоненты использовали это значение и реактивно обновляет их. Это работает благодаря Proxy и getter/setter.
- В Vue (особенно Vue 3) реактивность реализована через Proxy. Все свойства, переданные в reactive() или ref(), отслеживаются, и при их изменении Vue вызывает повторный рендер соответствующего компонента.
Таким образом, обе технологии используют перехват доступа к данным для автоматического обновления UI при изменении состояния.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚